/* =====================================================================
   AGIS Admin Dashboard – Dark Glass Theme (Stable v1.1)
   ===================================================================== */

/* ===== Core Theme Variables (scoped to avoid client conflicts) ===== */
:root,
#agis-admin-root,
#agis-chat-root{
  --agis-bg0: #071019;
  --agis-bg1: #081827;
  --agis-panel: rgba(255,255,255,.06);
  --agis-panel2: rgba(255,255,255,.045);
  --agis-border: rgba(255,255,255,.10);
  --agis-text: rgba(255,255,255,.92);
  --agis-muted: rgba(255,255,255,.65);
  --agis-brand: #76d949;
  --agis-brandSoft: rgba(118,217,73,.20);
  --agis-shadow: 0 18px 50px rgba(0,0,0,.45);
  --agis-shadowSm: 0 10px 28px rgba(0,0,0,.35);
  --agis-rXL: 26px;
  --agis-rLG: 18px;
  --agis-rMD: 14px;
}

/* ===== Base Layout (admin only - scoped to avoid client conflicts) ===== */
#agis-admin-root { min-height: 100%; overflow: hidden; }

/* text-muted: dark gray for light-background pages (login, standalone); light gray for dark admin theme */
.text-muted { color: #6c757d !important; }
#agis-admin-root .text-muted { color: var(--agis-muted) !important; }
/* Login page: dark background + light muted text */

.agis-text-muted { color: #000 !important; }
.agis-login-page {
  background: linear-gradient(180deg, #081827, #071019);
  color: rgba(255,255,255,.92);
}
.login-shell .text-muted { color: rgba(255,255,255,.65) !important; }

#agis-admin-root{
  background:
    radial-gradient(900px 500px at 18% 18%, rgba(118,217,73,.08), transparent 55%),
    radial-gradient(700px 400px at 86% 70%, rgba(74,162,217,.06), transparent 55%),
    linear-gradient(180deg, #07131d, #050d14);
  color: var(--agis-text);
  min-height: 100vh;
}

/* ===== App shell: sidebar + main ===== */
#agis-admin-root.agis-app-shell{
  --agis-sidebar-width: 248px;
  display: flex;
  align-items: stretch;
  min-height: 100vh;
  overflow: hidden;
}

#agis-admin-root .agis-sidebar{
  width: var(--agis-sidebar-width, 248px);
  flex: 0 0 var(--agis-sidebar-width, 248px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px 14px 16px;
  background: rgba(8, 18, 28, .96);
  border-right: 1px solid rgba(255,255,255,.08);
  position: relative;
  z-index: 2100;
}

#agis-admin-root .agis-sidebar-brand{
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  padding: 4px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  margin-bottom: 8px;
}

#agis-admin-root .agis-sidebar-brand img{
  height: 30px;
  width: auto;
  display: block;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

#agis-admin-root .agis-sidebar-brand-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
}

#agis-admin-root .agis-sidebar-brand-text strong{
  color: #fff;
  font-size: 15px;
  letter-spacing: .02em;
  line-height: 1;
}

#agis-admin-root .agis-sidebar-nav-wrap,
#agis-admin-root .agis-sidebar .menu-container{
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  overflow: visible;
  padding: 0;
}

#agis-admin-root .agis-sidebar-nav.nav.nav-tabs{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  border: none;
  margin: 0;
  padding: 0;
}

#agis-admin-root .agis-sidebar-nav .nav-item{
  width: 100%;
  margin: 0;
}

#agis-admin-root .agis-sidebar-nav .nav-item:not(:last-child)::after{
  display: none !important;
  content: none !important;
}

#agis-admin-root .agis-sidebar-nav .nav-link,
#agis-admin-root .agis-sidebar-nav .agis-nav-more-toggle{
  width: 100%;
  text-align: left;
  border-radius: 10px !important;
  border: none !important;
  border-bottom: none !important;
  padding: 10px 12px !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  background: transparent !important;
}

#agis-admin-root .agis-sidebar-nav .nav-link:hover,
#agis-admin-root .agis-sidebar-nav .agis-nav-more-toggle:hover{
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
}

#agis-admin-root .agis-sidebar-nav .nav-link.active,
#agis-admin-root .agis-sidebar-nav .agis-nav-more.has-active .agis-nav-more-toggle{
  background: rgba(118,217,73,.14) !important;
  color: #e9ffd9 !important;
  box-shadow: inset 3px 0 0 rgba(118,217,73,.9);
  font-weight: 700 !important;
}

#agis-admin-root .agis-sidebar .agis-nav-more-menu{
  position: static;
  min-width: 0;
  margin: 4px 0 2px 8px;
  box-shadow: none;
  border-radius: 10px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.08);
}

#agis-admin-root .agis-sidebar-footer{
  margin-top: auto;
  padding-top: 12px;
}

#agis-admin-root .agis-sidebar-help{
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.03);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#agis-admin-root .agis-sidebar-help-label{
  font-size: 12px;
  font-weight: 700;
  color: rgba(255,255,255,.88);
}

#agis-admin-root .agis-sidebar-help a,
#agis-admin-root .agis-sidebar-help-support{
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(118,217,73,.92);
  text-align: left;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}

#agis-admin-root .agis-sidebar-help a:hover,
#agis-admin-root .agis-sidebar-help-support:hover{
  color: #c8ffb0;
  text-decoration: underline;
}

#agis-admin-root .agis-main{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  overflow: auto;
}

#agis-admin-root .agis-topbar{
  position: sticky;
  top: 0;
  z-index: 1500;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 10px 20px;
  background: rgba(7, 16, 24, .82);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.07);
}

#agis-admin-root .agis-topbar-spacer{
  flex: 1 1 auto;
}

#agis-admin-root .agis-session-account{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 280px;
  min-height: 40px;
  padding: 4px 10px 4px 4px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.055);
  color: rgba(255,255,255,.92);
  user-select: none;
  cursor: pointer;
}

#agis-admin-root .agis-session-account:hover,
#agis-admin-root .account-menu:hover .agis-session-account,
#agis-admin-root .account-menu.open .agis-session-account{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.2);
}

#agis-admin-root .agis-session-account-avatar{
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  overflow: hidden;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .02em;
}

#agis-admin-root .agis-session-account-avatar-image{
  background: rgba(8, 16, 24, .95);
  border: 1px solid rgba(255,255,255,.16);
  padding: 3px;
  box-sizing: border-box;
}

#agis-admin-root .agis-session-account-avatar-fallback{
  background: rgba(118,217,73,.14);
  border: 1px solid rgba(118,217,73,.28);
  color: #dfffcf;
}

#agis-admin-root .agis-session-account-avatar img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

#agis-admin-root .agis-session-account-copy{
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  line-height: 1.15;
}

#agis-admin-root .agis-session-account-label{
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(255,255,255,.42);
}

#agis-admin-root .agis-session-account-name{
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  color: rgba(255,255,255,.96);
}

#agis-admin-root .agis-session-account-chevron{
  flex: 0 0 auto;
  width: 0.55em;
  height: 0.55em;
  margin: 0 2px 0 2px;
  border-right: 1.5px solid rgba(255,255,255,.5);
  border-bottom: 1.5px solid rgba(255,255,255,.5);
  transform: translateY(-2px) rotate(45deg);
  opacity: .7;
}

#agis-admin-root .account-menu.open .agis-session-account-chevron{
  transform: translateY(2px) rotate(-135deg);
}

#agis-admin-root .agis-sidebar-open{
  display: none;
  width: 38px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  padding: 8px 9px;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

#agis-admin-root .agis-sidebar-open span{
  display: block;
  height: 2px;
  background: #fff;
  border-radius: 2px;
}

#agis-admin-root .agis-sidebar-backdrop{
  display: none;
}

#agis-admin-root .agis-navbar-utility .btn{
  min-height: 34px;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
}

#agis-admin-root .agis-content-section{
  display: block;
  justify-content: initial;
  padding: 16px 24px 36px;
  width: 100%;
}

#agis-admin-root #content-area{
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  background: transparent;
}

/* Accounts page header / summary / toolbar */
#agis-admin-root .agis-accounts-page{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#agis-admin-root .agis-page-header{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
}

#agis-admin-root .agis-page-title{
  margin: 0 0 2px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: #fff !important;
}

#agis-admin-root .agis-page-subtitle{
  margin: 0;
  font-size: 14px;
  color: rgba(255,255,255,.62) !important;
}

#agis-admin-root .agis-summary-row{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

#agis-admin-root .agis-summary-card,
#agis-admin-root .agis-summary-cta{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0 8px 20px rgba(0,0,0,.18);
}

#agis-admin-root .agis-summary-label{
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,.58);
  margin-bottom: 6px;
}

#agis-admin-root .agis-summary-value{
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}

#agis-admin-root .agis-summary-cta{
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  cursor: pointer;
  color: inherit;
  background: rgba(118,217,73,.12);
  border-color: rgba(118,217,73,.35);
  transition: background 140ms ease, border-color 140ms ease, transform 140ms ease;
}

#agis-admin-root .agis-summary-cta:hover,
#agis-admin-root .agis-summary-cta.active{
  background: rgba(118,217,73,.2);
  border-color: rgba(118,217,73,.55);
  transform: translateY(-1px);
}

#agis-admin-root .agis-summary-cta-plus{
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(118,217,73,.28);
  color: #eaffdc;
  font-size: 22px;
  font-weight: 700;
  flex: 0 0 auto;
}

#agis-admin-root .agis-summary-cta-copy{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

#agis-admin-root .agis-summary-cta-copy strong{
  color: #f3ffe9;
  font-size: 14px;
}

#agis-admin-root .agis-summary-cta-copy small{
  color: rgba(255,255,255,.62) !important;
  font-size: 11px;
}

#agis-admin-root .agis-accounts-toolbar{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
  border-top: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#agis-admin-root .agis-accounts-page .agis-ais-toolbar.agis-accounts-toolbar{
  border-top: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#agis-admin-root .agis-toolbar-actions{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-left: 0;
}

#agis-admin-root .agis-toolbar-sep{
  display: inline-block;
  width: 1px;
  height: 22px;
  background: rgba(255,255,255,.12);
  margin: 0 2px;
  flex: 0 0 auto;
}

#agis-admin-root .agis-ais-toolbar .custom-btn{
  min-width: auto !important;
  max-width: none !important;
}

#agis-admin-root .agis-accounts-page #main-contents{
  margin-top: 0;
}

@media (max-width: 1199.98px){
  #agis-admin-root .agis-summary-row{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px){
  #agis-admin-root .agis-summary-row{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991.98px){
  #agis-admin-root .agis-sidebar{
    position: fixed;
    inset: 0 auto 0 0;
    transform: translateX(-105%);
    transition: transform 180ms ease;
    box-shadow: 12px 0 40px rgba(0,0,0,.45);
  }
  #agis-admin-root.agis-sidebar-drawer-open .agis-sidebar{
    transform: translateX(0);
  }
  #agis-admin-root .agis-sidebar-open{
    display: inline-flex;
  }
  #agis-admin-root .agis-sidebar-backdrop{
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 2050;
  }
  #agis-admin-root .agis-sidebar-backdrop[hidden]{
    display: none !important;
  }
  #agis-admin-root .agis-content-section{
    padding: 16px;
  }
}

/* ===== Main Content Area (admin) ===== */
#agis-admin-root h1,#agis-admin-root h2,#agis-admin-root h3,#agis-admin-root h4,#agis-admin-root h5{ color: var(--agis-text); }
#agis-admin-root p, #agis-admin-root label, #agis-admin-root small { color: var(--agis-muted) !important; }

/* Legacy top navbar styles retained for compatibility */
#agis-admin-root .navbar{
/*  background: rgba(10,18,28,.55) !important; */
  background: rgba(11, 28, 40, .92) !important;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(118,217,73,.22);
  box-shadow: 0 8px 24px rgba(0,0,0,.28);
  position: relative;
  z-index: 2000;
  flex-wrap: wrap;
  align-items: stretch !important;
  gap: 10px;
  overflow: visible;
}

#agis-admin-root .navbar > .d-flex.w-100,
#agis-admin-root .navbar .agis-navbar-inner{
  width: 100%;
  min-width: 0;
  align-items: center !important;
  gap: 10px 14px;
}

#agis-admin-root .agis-navbar-brand{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  line-height: 0;
  text-decoration: none;
  padding: 2px 0;
}

#agis-admin-root .navbar img[alt="AGIS Logo"]{
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  height: 34px;
  width: auto;
  max-height: 36px;
  object-fit: contain;
  display: block;
}

#agis-admin-root .agis-navbar-end{
  flex: 0 0 auto;
  margin-left: auto;
}

#agis-admin-root .agis-navbar-utility{
  display: none !important;
}

/* ===== Account Menu (admin) ===== */
#agis-admin-root .account-menu{
  position: relative;
  border-radius: 999px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  cursor: pointer;
  background: transparent;
}
#agis-admin-root .account-menu:hover{ background: transparent; }
#agis-admin-root .account-menu:focus{ outline: none; }
#agis-admin-root .account-menu:focus-visible .agis-session-account{
  border-color: rgba(255,255,255,.28);
}

#agis-admin-root .account-menu > .agis-burger{
  display: none !important;
}

#agis-admin-root .agis-burger{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 20px;
}
#agis-admin-root .agis-burger span{
  display: block;
  width: 18px;
  height: 2px;
  background: #ffffff;
  border-radius: 2px;
}

#agis-admin-root .dropdown-menu{
  background: rgba(10,18,28,.88);
  backdrop-filter: blur(14px);
  border: 1px solid var(--agis-border);
  border-radius: 16px;
  box-shadow: var(--agis-shadow);
}
#agis-admin-root .dropdown-menu a{ color: var(--agis-text); }
#agis-admin-root .dropdown-menu a:hover{ background: rgba(255,255,255,.08); }

/* ===== Menu Tabs (admin) ===== */
#agis-admin-root .navbar .menu-container{
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  padding-left: 4px;
  padding-right: 4px;
  overflow: visible;
}

#agis-admin-root .navbar #menuContent.nav.nav-tabs{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 2px 0;
  border: none;
  gap: 2px 6px;
  margin: 0;
}

#agis-admin-root .navbar #menuContent.nav.nav-tabs .nav-item{
  position: relative;
  margin: 0;
}

/* Prefer spacing over literal separator bars between nav items */
#agis-admin-root .navbar #menuContent.nav.nav-tabs .nav-item:not(:last-child)::after{
  content: none;
  display: none;
}

#agis-admin-root .navbar .nav-tabs .nav-link{
  background: transparent !important;
  border: none !important;
  color: var(--agis-muted);
  border-radius: 8px;
  padding: 7px 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  border-bottom: 2px solid transparent !important;
  transition: background 140ms ease, color 140ms ease, border-color 140ms ease;
}
#agis-admin-root .navbar .nav-tabs .nav-link:hover{
  background: rgba(255,255,255,.06) !important;
  color: var(--agis-text);
  border-bottom-color: transparent !important;
}
#agis-admin-root .navbar .nav-tabs .nav-link.active{
  background: rgba(255,255,255,.09) !important;
  border: none !important;
  border-bottom: 2px solid rgba(118,217,73,.9) !important;
  color: #e9ffd9;
  font-weight: 700;
  box-shadow: none;
}

/* Global nav "More" dropdown */
#agis-admin-root .agis-nav-more{
  position: relative;
}
#agis-admin-root .agis-nav-more-toggle{
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--agis-muted);
  padding: 7px 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: background 140ms ease, color 140ms ease, border-color 140ms ease;
}
#agis-admin-root .agis-nav-more-toggle:hover,
#agis-admin-root .agis-nav-more.is-open .agis-nav-more-toggle{
  background: rgba(255,255,255,.06);
  color: var(--agis-text);
}
#agis-admin-root .agis-nav-more.has-active .agis-nav-more-toggle{
  background: rgba(255,255,255,.09);
  border-bottom-color: rgba(118,217,73,.9);
  color: #e9ffd9;
  font-weight: 700;
}
#agis-admin-root .agis-nav-more-caret{
  font-size: 11px;
  opacity: 0.85;
  line-height: 1;
}
#agis-admin-root .agis-nav-more-menu{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 188px;
  z-index: 4000;
  padding: 6px;
  background: rgba(11, 28, 40, .98);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(118,217,73,.22);
  border-radius: 12px;
  box-shadow: 0 14px 32px rgba(0,0,0,.42);
}
#agis-admin-root .agis-nav-more-menu[hidden]{
  display: none !important;
}
#agis-admin-root .agis-nav-more-menu .nav-link,
#agis-admin-root .agis-nav-more-menu .agis-nav-more-item{
  display: block !important;
  width: 100%;
  text-align: left;
  border-radius: 8px !important;
  padding: 9px 12px !important;
  margin: 0;
  border: none !important;
  border-bottom: none !important;
  border-left: 2px solid transparent !important;
  color: rgba(255,255,255,.86) !important;
  font-weight: 600 !important;
  background: transparent !important;
}
#agis-admin-root .agis-nav-more-menu .nav-link:hover,
#agis-admin-root .agis-nav-more-menu .agis-nav-more-item:hover{
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  border-left-color: rgba(118,217,73,.55) !important;
  border-bottom: none !important;
}
#agis-admin-root .agis-nav-more-menu .nav-link.active,
#agis-admin-root .agis-nav-more-menu .agis-nav-more-item.active{
  background: rgba(255,255,255,.10) !important;
  color: #e9ffd9 !important;
  border-left-color: rgba(118,217,73,.9) !important;
  border-bottom: none !important;
  font-weight: 700 !important;
}

/* ===== Main Content Area (admin) ===== */
/* Note: .agis-app-shell sets content layout above; keep these as non-shell fallbacks */
#agis-admin-root:not(.agis-app-shell) .agis-content-section{
  display: flex;
  justify-content: center;
  padding: 18px 16px;
}

#agis-admin-root .menu-container{
  width: auto;
  min-width: 0;
}

#agis-admin-root:not(.agis-app-shell) #content-area{
  width: 100%;
  max-width: 1600px;
  background: transparent;
}

#agis-admin-root.agis-app-shell .agis-content-section{
  display: block;
  padding: 20px 24px 40px;
}

#agis-admin-root.agis-app-shell #content-area{
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  background: transparent;
}

/* Licenses table layout tweaks (admin) */
#agis-admin-root .licenses-table{
  width: 100%;
  table-layout: fixed;
}

#agis-admin-root .licenses-table th,
#agis-admin-root .licenses-table td{
  vertical-align: top;
  white-space: normal;
  word-break: break-word;
}

#agis-admin-root .licenses-actions{
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 0;
  width: auto;
  max-width: fit-content;
}

#agis-admin-root .agis-licenses-table td[data-label="Actions"]{
  text-align: center;
}

#agis-admin-root .agis-licenses-table td[data-label="Actions"] .licenses-actions{
  margin-left: auto;
  margin-right: auto;
}

/* #agis-admin-root .agis-files-table thead th:last-child{
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
} */

#agis-admin-root .agis-files-table td[data-label="Actions"]{
  width: 40px !important;
}

#agis-admin-root .agis-files-table tbody tr:last-child td:first-child{
  border-bottom-left-radius: 8px;
}

#agis-admin-root .agis-files-table tbody tr:last-child td:last-child{
  border-bottom-right-radius: 8px;
}

#agis-admin-root .agis-licenses-action-toggle{
  color: #ffffff !important;
  min-width: 30px;
  padding: 0 !important;
  margin: 0 !important;
}

#agis-admin-root .btn.btn-secondary.btn-sm.agis-licenses-btn.agis-licenses-btn-secondary.agis-licenses-action-toggle.dropdown-toggle{
  padding: 4px 12px !important;
  min-width: 18px !important;
  width: 18px !important;
}

#agis-admin-root .agis-licenses-action-toggle i{
  color: #ffffff !important;
}

#agis-admin-root .agis-licenses-action-toggle.dropdown-toggle::after{
  display: none !important;
}

#agis-admin-root .agis-licenses-action-menu{
  background: rgba(12,24,38,.95) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
  padding: 4px;
  z-index: 2500;
}

#agis-admin-root .agis-licenses-action-menu .dropdown-item{
  color: rgba(255,255,255,.92) !important;
  border-radius: 7px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
}

#agis-admin-root .agis-licenses-action-menu .dropdown-item:hover{
  background: rgba(255,255,255,.12) !important;
}

#agis-admin-root .agis-licenses-action-menu .dropdown-item:disabled{
  color: rgba(255,255,255,.45) !important;
  background: transparent !important;
  cursor: not-allowed;
}

#agis-admin-root .agis-licenses-action-menu .dropdown-divider{
  border-top-color: rgba(255,255,255,.16);
  margin: 4px 0;
}

/* Licenses page refresh (aligned with updated domains design) */
#agis-admin-root #main-contents.agis-licenses-page{
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

#agis-admin-root .agis-licenses-panel{
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  padding: 8px;
}

#agis-admin-root .agis-licenses-panel-title{
  margin: 0;
  color: rgba(234,244,255,.96) !important;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 700;
}

#agis-admin-root .agis-licenses-summary{
  color: rgba(255,255,255,.7);
  font-size: 13px;
}

#agis-admin-root .agis-licenses-table-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

#agis-admin-root .agis-licenses-table-head-right{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

#agis-admin-root .agis-licenses-page .mb-3{
  margin-bottom: 8px !important;
}

#agis-admin-root .agis-licenses-page .mb-2{
  margin-bottom: 6px !important;
}

#agis-admin-root .agis-licenses-page .row.g-2{
  --bs-gutter-x: .4rem;
  --bs-gutter-y: .35rem;
}

#agis-admin-root .agis-licenses-page #licenses-filters-form{
  --bs-gutter-x: .35rem;
  --bs-gutter-y: .25rem;
}

#agis-admin-root .agis-licenses-page .form-label{
  margin-bottom: 1px;
  font-size: 12px;
  color: rgba(255,255,255,.74) !important;
}

#agis-admin-root .agis-licenses-page .form-control,
#agis-admin-root .agis-licenses-page .form-select,
#agis-admin-root .agis-licenses-page .agis-licenses-btn{
  height: 28px !important;
  min-height: 28px !important;
  line-height: 1.1 !important;
  font-size: 13px !important;
}

#agis-admin-root .agis-licenses-page .form-control,
#agis-admin-root .agis-licenses-page .form-select{
  padding: 3px 8px !important;
  border-radius: 8px !important;
}

#agis-admin-root .agis-licenses-page .form-select{
  padding-right: 28px !important;
}

#agis-admin-root .agis-licenses-page .form-check{
  margin-bottom: 0;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

#agis-admin-root .agis-licenses-page .form-check-label{
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
}

/* Keep "Unassigned only" neat in filters row */
#agis-admin-root .agis-licenses-page #licenses-filters-form .form-check{
  flex-wrap: nowrap;
}

#agis-admin-root .agis-licenses-page #licenses-filters-form .agis-filters-bottom-col{
  margin-top: 8px;
}

#agis-admin-root .agis-licenses-btn{
  border-radius: 8px !important;
  padding: 0 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

#agis-admin-root .agis-licenses-btn.agis-licenses-btn-secondary{
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.2) !important;
  color: rgba(255,255,255,.94) !important;
}

#agis-admin-root .agis-licenses-btn.agis-licenses-btn-primary{
  background: rgba(74,162,217,.92) !important;
  border-color: rgba(74,162,217,1) !important;
  color: #fff !important;
}

#agis-admin-root .agis-licenses-btn.agis-licenses-btn-warning{
  background: rgba(255,190,80,.34) !important;
  border-color: rgba(255,190,80,.58) !important;
  color: #fff !important;
}

#agis-admin-root .agis-licenses-btn.agis-licenses-btn-danger{
  background: rgba(255,107,107,.2) !important;
  border-color: rgba(255,107,107,.46) !important;
  color: #ffd5d5 !important;
}

#agis-admin-root .agis-licenses-table-wrap{
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* IE/Edge legacy */
}

#agis-admin-root .agis-licenses-table-wrap:has(.dropdown-menu.show){
  overflow-x: auto;
  overflow-y: visible;
}

#agis-admin-root .agis-licenses-table-wrap::-webkit-scrollbar{
  height: 0;
}

.agis-licenses-viewport-scroll{
  position: fixed;
  bottom: 8px;
  z-index: 1400;
  height: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(16,40,62,.88);
  box-shadow: 0 4px 14px rgba(0,0,0,.28);
  backdrop-filter: blur(6px);
}

.agis-licenses-viewport-scroll-inner{
  height: 1px;
}

.agis-licenses-viewport-scroll::-webkit-scrollbar{
  height: 10px;
}

.agis-licenses-viewport-scroll::-webkit-scrollbar-track{
  background: rgba(255,255,255,.08);
  border-radius: 999px;
}

.agis-licenses-viewport-scroll::-webkit-scrollbar-thumb{
  background: linear-gradient(90deg, rgba(74,162,217,.85), rgba(118,217,73,.75));
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
}

#agis-admin-root .agis-licenses-table{
  min-width: max-content;
  width: 100%;
  margin-bottom: 0 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 10px !important;
  overflow: visible;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
}

#agis-admin-root .agis-licenses-table:has(.dropdown-menu.show){
  overflow: visible;
}

#agis-admin-root .agis-licenses-table thead th{
  background: rgba(16,40,62,.95) !important;
  color: rgba(238,247,255,.98) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  padding: 7px 8px !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .01em;
  white-space: nowrap;
  vertical-align: middle;
}

#agis-admin-root .agis-licenses-table thead th + th{
  border-left: 1px solid rgba(255,255,255,.08) !important;
}

#agis-admin-root .agis-licenses-table thead th:first-child,
#agis-admin-root .agis-files-table thead th:first-child{
  border-top-left-radius: 8px;
}

#agis-admin-root .agis-licenses-table thead th:last-child,
#agis-admin-root .agis-files-table thead th:last-child{
  border-top-right-radius: 8px;
}

#agis-admin-root .agis-licenses-table tbody td{
  background: rgba(22,38,56,.9) !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  padding: 7px 8px !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 14px;
  line-height: 1.35;
  vertical-align: middle;
  white-space: nowrap;
}

#agis-admin-root .agis-licenses-table td[data-label="License Key"]{
  white-space: normal;
}

#agis-admin-root .agis-licenses-table td[data-label="Reserved Domain"],
#agis-admin-root .agis-licenses-table td[data-label="Activated Domain"]{
  white-space: normal;
  word-break: break-word;
  min-width: 140px;
}

#agis-admin-root .agis-licenses-table td[data-label="Starts"],
#agis-admin-root .agis-licenses-table td[data-label="Expires"],
#agis-admin-root .agis-licenses-table td[data-label="Last Validated"],
#agis-admin-root .agis-licenses-table td[data-label="Created"]{
  white-space: normal;
  min-width: 120px;
  color: rgba(230,240,252,.88) !important;
}

#agis-admin-root .agis-licenses-table .agis-license-datetime{
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.25;
}

#agis-admin-root .agis-licenses-table .agis-license-date{
  font-weight: 700;
  color: rgba(238,247,255,.96);
}

#agis-admin-root .agis-licenses-table .agis-license-time{
  font-size: 12px;
  color: rgba(208,224,242,.82);
  letter-spacing: .01em;
}

#agis-admin-root .agis-licenses-table .agis-license-datetime-single{
  font-weight: 600;
  color: rgba(232,244,255,.92);
}

#agis-admin-root .agis-licenses-table td[data-label="Status"]{
  font-weight: 700;
  color: rgba(225,241,255,.96) !important;
}

#agis-admin-root .agis-licenses-table .agis-license-status-chip{
  display: inline;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(240,248,255,.96);
  font-size: 13px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: .015em;
}

#agis-admin-root .agis-licenses-table .agis-license-status-chip.agis-status-active{
  color: #7ee787;
}

#agis-admin-root .agis-licenses-table .agis-license-status-chip.agis-status-new{
  color: #8ab4ff;
}

#agis-admin-root .agis-licenses-table .agis-license-status-chip.agis-status-inactive{
  color: #ffd38a;
}

#agis-admin-root .agis-licenses-table .agis-license-status-chip.agis-status-revoked,
#agis-admin-root .agis-licenses-table .agis-license-status-chip.agis-status-expired{
  color: #ff9b9b;
}

#agis-admin-root .agis-licenses-table .agis-license-status-chip.agis-status-unknown{
  color: #b7c7dc;
}

.agis-licenses-toast{
  position: fixed;
  right: 14px;
  bottom: 18px;
  z-index: 2000;
  background: rgba(12,24,38,.94);
  color: rgba(244,250,255,.96);
  border: 1px solid rgba(74,162,217,.42);
  border-radius: 8px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 8px 20px rgba(0,0,0,.35);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease;
  pointer-events: none;
}

.agis-licenses-toast.is-visible{
  opacity: 1;
  transform: translateY(0);
}

#agis-admin-root .agis-licenses-table .license-key-cell{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

#agis-admin-root .agis-licenses-table .license-key-text{
  color: rgba(241,248,255,.98);
  font-weight: 700;
  line-height: 1.25;
}

#agis-admin-root .agis-licenses-table .license-key-copy-icon{
  border: 0;
  padding: 2px !important;
  background: transparent !important;
  cursor: pointer;
  box-shadow: none !important;
  line-height: 1;
  margin: 0 !important
}

#agis-admin-root .agis-licenses-table .license-key-copy-icon i{
  color: rgba(174,220,252,.9) !important;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: rgba(174,220,252,.08);
  flex-shrink: 0;
}

#agis-admin-root .agis-licenses-table .license-key-copy-icon:hover i{
  border-color: rgba(118,217,73,.7);
  background: rgba(118,217,73,.12);
  color: rgba(234,255,224,.95) !important;
}

#agis-admin-root .agis-licenses-table .license-key-copy-icon:focus-visible{
  outline: 2px solid rgba(74,162,217,.6);
  outline-offset: 2px;
  border-radius: 4px;
}

#agis-admin-root .agis-licenses-table tbody td + td{
  border-left: 1px solid rgba(255,255,255,.08) !important;
}

#agis-admin-root .agis-licenses-table tbody tr:nth-child(even) td{
  background: rgba(28,46,66,.92) !important;
}

#agis-admin-root .agis-licenses-table tbody tr:last-child td{
  border-bottom: 0 !important;
}

#agis-admin-root .agis-licenses-table tbody tr:has(.dropdown-menu.show){
  overflow: visible !important;
}

/* =====================================================================
   TRANSCRIPTS TABLE (mirrors the licenses table treatment)
   ===================================================================== */

#agis-admin-root .agis-transcripts-page{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#agis-admin-root .agis-transcripts-panel{
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  padding: 10px;
}

#agis-admin-root .agis-transcripts-panel-title{
  margin: 0;
  color: rgba(234,244,255,.96) !important;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 700;
}

#agis-admin-root .agis-transcripts-toolbar{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

#agis-admin-root .agis-transcripts-search{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 320px;
  max-width: 460px;
}

#agis-admin-root .agis-transcripts-search-icon{
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.45);
  font-size: 12px;
  pointer-events: none;
}

#agis-admin-root .agis-transcripts-search-input{
  height: 32px !important;
  min-height: 32px !important;
  font-size: 13px !important;
  padding: 3px 30px !important;
  border-radius: 8px !important;
  flex: 1;
}

#agis-admin-root .agis-transcripts-search-clear{
  position: absolute;
  right: 110px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent !important;
  border: 0 !important;
  color: rgba(255,255,255,.55) !important;
  padding: 0 6px !important;
  height: 24px !important;
  min-height: 24px !important;
  font-size: 16px !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

#agis-admin-root .agis-transcripts-search-clear:hover{
  color: rgba(255,255,255,.92) !important;
  background: transparent !important;
  transform: translateY(-50%);
}

#agis-admin-root .agis-transcripts-toolbar-right{
  display: inline-flex;
  gap: 6px;
  margin-left: auto;
}

#agis-admin-root .agis-transcripts-table-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

#agis-admin-root .agis-transcripts-summary{
  color: rgba(255,255,255,.7);
  font-size: 13px;
}

#agis-admin-root .agis-transcripts-summary b{
  color: rgba(238,247,255,.96);
  font-weight: 700;
}

/* ----- Buttons (compact, matching licenses) ----- */
#agis-admin-root .agis-transcripts-btn{
  border-radius: 8px !important;
  padding: 0 10px !important;
  height: 30px !important;
  min-height: 30px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px;
  justify-content: center !important;
  box-shadow: none !important;
}

#agis-admin-root .agis-transcripts-btn.agis-transcripts-btn-secondary{
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.2) !important;
  color: rgba(255,255,255,.94) !important;
}

#agis-admin-root .agis-transcripts-btn.agis-transcripts-btn-primary{
  background: rgba(74,162,217,.92) !important;
  border-color: rgba(74,162,217,1) !important;
  color: #fff !important;
}

#agis-admin-root .agis-transcripts-btn[disabled]{
  opacity: .45 !important;
  pointer-events: none;
}

/* ----- Scroll wrap + table ----- */
#agis-admin-root .agis-transcripts-table-wrap{
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  border-radius: 10px;
  /* visible scrollbar at the bottom of the table */
}

#agis-admin-root .agis-transcripts-table-wrap::-webkit-scrollbar{
  height: 10px;
}

#agis-admin-root .agis-transcripts-table-wrap::-webkit-scrollbar-track{
  background: rgba(255,255,255,.05);
  border-radius: 999px;
}

#agis-admin-root .agis-transcripts-table-wrap::-webkit-scrollbar-thumb{
  background: linear-gradient(90deg, rgba(74,162,217,.85), rgba(118,217,73,.75));
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
}

#agis-admin-root .agis-transcripts-table{
  min-width: max-content;
  width: 100%;
  margin-bottom: 0 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 10px !important;
  overflow: hidden;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
}

#agis-admin-root .agis-transcripts-table thead th{
  background: rgba(16,40,62,.95) !important;
  color: rgba(238,247,255,.98) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  padding: 8px 10px !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .01em;
  white-space: nowrap;
  position: sticky;
  top: 0;
  z-index: 2;
}

#agis-admin-root .agis-transcripts-table thead th + th{
  border-left: 1px solid rgba(255,255,255,.08) !important;
}

#agis-admin-root .agis-transcripts-table thead th:first-child{
  border-top-left-radius: 8px;
}

#agis-admin-root .agis-transcripts-table thead th:last-child{
  border-top-right-radius: 8px;
}

#agis-admin-root .agis-transcripts-table tbody td{
  background: rgba(22,38,56,.9) !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  padding: 9px 10px !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 13.5px;
  line-height: 1.4;
  vertical-align: top;
}

#agis-admin-root .agis-transcripts-table tbody td + td{
  border-left: 1px solid rgba(255,255,255,.08) !important;
}

#agis-admin-root .agis-transcripts-table tbody tr:nth-child(even) td{
  background: rgba(28,46,66,.92) !important;
}

#agis-admin-root .agis-transcripts-table tbody tr:hover td{
  background: rgba(40,62,90,.95) !important;
}

#agis-admin-root .agis-transcripts-table tbody tr:last-child td{
  border-bottom: 0 !important;
}

/* ----- Cell content ----- */
#agis-admin-root .agis-transcripts-table .agis-transcript-message{
  max-width: 260px;
  white-space: normal;
  word-break: break-word;
}

#agis-admin-root .agis-transcripts-table .agis-transcript-message-muted{
  color: rgba(232,244,255,.78) !important;
  font-style: italic;
}

#agis-admin-root .agis-transcripts-table .agis-transcript-translation{
  margin-top: 4px;
  font-size: 12px;
  color: rgba(174,220,252,.85);
  display: flex;
  align-items: center;
  gap: 4px;
}

#agis-admin-root .agis-transcripts-table .agis-transcript-response{
  position: relative;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

#agis-admin-root .agis-transcripts-table .agis-transcript-response-text{
  max-width: 360px;
  max-height: 220px;
  overflow-y: auto;
  white-space: normal;
  word-break: break-word;
  padding-right: 4px;
}

#agis-admin-root .agis-transcripts-table .agis-transcript-response-text a{
  color: #8ecbff;
  text-decoration: underline;
}

#agis-admin-root .agis-transcripts-table .agis-transcript-duration{
  display: inline-block;
  align-self: flex-start;
  font-size: 11px;
  font-weight: 700;
  color: rgba(174,220,252,.92);
  background: rgba(74,162,217,.18);
  border: 1px solid rgba(74,162,217,.32);
  border-radius: 999px;
  padding: 2px 8px;
  letter-spacing: .02em;
}

#agis-admin-root .agis-transcripts-table .agis-transcripts-datetime,
#agis-admin-root .agis-transcripts-table .agis-transcript-session{
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.25;
  max-width: 180px;
  word-break: break-all;
}

#agis-admin-root .agis-transcripts-table .agis-transcripts-date{
  font-weight: 700;
  color: rgba(238,247,255,.96);
}

#agis-admin-root .agis-transcripts-table .agis-transcripts-time{
  font-size: 12px;
  color: rgba(208,224,242,.82);
  letter-spacing: .01em;
}

#agis-admin-root .agis-transcripts-table .agis-transcript-session{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  color: rgba(220,232,250,.86);
}

#agis-admin-root .agis-transcripts-table td[data-label="Page URL"] a{
  color: #8ecbff;
  text-decoration: none;
  word-break: break-all;
}

#agis-admin-root .agis-transcripts-table td[data-label="Page URL"] a:hover{
  text-decoration: underline;
}

#agis-admin-root .agis-transcripts-table .agis-transcript-analysis{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 140px;
}

#agis-admin-root .agis-transcripts-table .agis-transcript-sentiment-chip{
  display: inline-block;
  align-self: flex-start;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  text-transform: capitalize;
  background: rgba(255,255,255,.08);
  color: rgba(240,248,255,.96);
}

#agis-admin-root .agis-transcripts-table .agis-transcript-sentiment-chip.agis-sentiment-positive{
  background: rgba(118,217,73,.18);
  color: #7ee787;
  border: 1px solid rgba(118,217,73,.36);
}

#agis-admin-root .agis-transcripts-table .agis-transcript-sentiment-chip.agis-sentiment-neutral{
  background: rgba(174,220,252,.14);
  color: #8ab4ff;
  border: 1px solid rgba(174,220,252,.32);
}

#agis-admin-root .agis-transcripts-table .agis-transcript-sentiment-chip.agis-sentiment-negative{
  background: rgba(255,107,107,.18);
  color: #ff9b9b;
  border: 1px solid rgba(255,107,107,.36);
}

#agis-admin-root .agis-transcripts-table .agis-transcript-sentiment-chip.agis-sentiment-na{
  background: rgba(255,255,255,.06);
  color: rgba(220,232,250,.7);
}

#agis-admin-root .agis-transcripts-table .agis-transcript-tone{
  font-size: 12px;
  color: rgba(208,224,242,.78);
}

#agis-admin-root .agis-transcripts-table .agis-transcript-intent{
  font-size: 12px;
  color: rgba(238,247,255,.88);
  display: flex;
  align-items: center;
  gap: 5px;
}

#agis-admin-root .agis-transcripts-table .agis-transcript-intent i{
  color: rgba(118,217,73,.85);
}

/* ----- Actions ----- */
#agis-admin-root .agis-transcripts-table .agis-transcripts-actions{
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  align-items: stretch;
  min-width: 130px;
}

/* ----- Pagination ----- */
#agis-admin-root .agis-transcripts-pagination{
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

#agis-admin-root .agis-transcripts-page-indicator{
  color: rgba(238,247,255,.85);
  font-size: 13px;
}

#agis-admin-root .agis-transcripts-page-indicator b{
  font-weight: 700;
  color: rgba(238,247,255,.96);
}

/* ----- Loading + empty states ----- */
#agis-admin-root .agis-transcripts-loading{
  padding: 28px 0;
  text-align: center;
  color: rgba(220,232,250,.7);
  font-size: 14px;
}

#agis-admin-root .agis-transcripts-empty{
  padding: 36px 16px;
  text-align: center;
  color: rgba(220,232,250,.78);
}

#agis-admin-root .agis-transcripts-empty i{
  font-size: 28px;
  color: rgba(174,220,252,.6);
  margin-bottom: 8px;
  display: block;
}

#agis-admin-root .agis-transcripts-empty-title{
  font-size: 15px;
  font-weight: 700;
  color: rgba(238,247,255,.94);
  margin-bottom: 4px;
}

#agis-admin-root .agis-transcripts-empty-sub{
  font-size: 13px;
  color: rgba(208,224,242,.72);
}

/* =====================================================================
   SOURCES MODAL — card layout inside #customModal
   ===================================================================== */

#customModal .agis-sources-modal{
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 60vh;
  overflow-y: auto;
  padding-right: 4px;
}

#customModal .agis-sources-summary{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(74,162,217,.18);
  border: 1px solid rgba(74,162,217,.32);
  color: rgba(216,234,255,.95);
  font-size: 12.5px;
  font-weight: 600;
}

#customModal .agis-sources-summary i{
  color: rgba(174,220,252,.9);
}

#customModal .agis-sources-list{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#customModal .agis-sources-card{
  background: rgba(22,38,56,.85);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#customModal .agis-sources-card-head{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

#customModal .agis-sources-index{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  color: rgba(174,220,252,.78);
  background: rgba(174,220,252,.1);
  border-radius: 6px;
  padding: 2px 6px;
}

#customModal .agis-sources-type{
  display: inline-block;
  padding: 2px 8px;
  background: rgba(118,217,73,.16);
  border: 1px solid rgba(118,217,73,.32);
  color: #aff0a3;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}

#customModal .agis-sources-title{
  font-size: 14px;
  font-weight: 700;
  color: rgba(238,247,255,.96);
  word-break: break-word;
  flex: 1 1 auto;
  min-width: 0;
}

#customModal .agis-sources-url{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #8ecbff !important;
  font-size: 13px;
  word-break: break-all;
  text-decoration: none;
}

#customModal .agis-sources-url i{
  flex-shrink: 0;
  font-size: 11px;
}

#customModal .agis-sources-url span{
  word-break: break-all;
}

#customModal .agis-sources-url:hover{
  text-decoration: underline;
}

#customModal .agis-sources-url-missing{
  color: rgba(220,232,250,.55) !important;
  font-style: italic;
}

#customModal .agis-sources-excerpt{
  margin-top: 2px;
  padding: 8px 10px;
  background: rgba(11,20,28,.7);
  border-left: 3px solid rgba(74,162,217,.55);
  border-radius: 6px;
  color: rgba(225,236,250,.86) !important;
  font-size: 13px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 220px;
  overflow-y: auto;
}

#customModal .agis-sources-empty{
  padding: 30px 12px;
  text-align: center;
  color: rgba(220,232,250,.8);
}

#customModal .agis-sources-empty i{
  font-size: 28px;
  color: rgba(174,220,252,.55);
  display: block;
  margin-bottom: 8px;
}

#customModal .agis-sources-empty-title{
  font-size: 15px;
  font-weight: 700;
  color: rgba(238,247,255,.94);
  margin-bottom: 4px;
}

#customModal .agis-sources-empty-sub{
  font-size: 13px;
  color: rgba(208,224,242,.72);
}

/* Scrollbar inside the sources list / excerpt */
#customModal .agis-sources-modal::-webkit-scrollbar,
#customModal .agis-sources-excerpt::-webkit-scrollbar{
  width: 8px;
}

#customModal .agis-sources-modal::-webkit-scrollbar-thumb,
#customModal .agis-sources-excerpt::-webkit-scrollbar-thumb{
  background: rgba(174,220,252,.35);
  border-radius: 999px;
}

#customModal .agis-sources-modal::-webkit-scrollbar-track,
#customModal .agis-sources-excerpt::-webkit-scrollbar-track{
  background: rgba(255,255,255,.05);
  border-radius: 999px;
}

#agis-admin-root #main-contents{
  width: 100%;
  min-height: 420px;
}

/* ===== Tables (admin) ===== */
#agis-admin-root table, #agis-admin-root .table, #agis-admin-root .table td, #agis-admin-root .table th{
  color: var(--agis-text);
  border-color: rgba(255,255,255,.12);
}

/* ===== Inputs (admin + chat) ===== */
#agis-admin-root input, #agis-admin-root select, #agis-admin-root textarea,
#agis-chat-root input, #agis-chat-root select, #agis-chat-root textarea{
  background-color: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
  color: var(--agis-text);
  border-radius: 12px;
}

#agis-admin-root .form-select,
#agis-chat-root .form-select,
#agis-chat-root .agis-form-select{
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-opacity='.15' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
#agis-admin-root input::placeholder, #agis-admin-root textarea::placeholder,
#agis-chat-root input::placeholder, #agis-chat-root textarea::placeholder{
  color: rgba(255,255,255,.45);
}

/* =====================================================================
   BUTTON SYSTEM — FINAL AUTHORITY (READABLE & CONSISTENT)
   ===================================================================== */

/* Prevent opacity inheritance */
#agis-admin-root #main-contents button,
#agis-admin-root #main-contents .btn{
  opacity: 1 !important;
  filter: none !important;
}

/* Base button (admin + chat) */
#agis-admin-root button, #agis-admin-root .btn,
#agis-chat-root .agis-btn{
  background: rgba(20,30,45,.85) !important;
  color: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 8px !important;
  padding: 6px 16px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.35);
  transition: all .15s ease;
}

#agis-admin-root button:hover, #agis-admin-root .btn:hover,
#agis-chat-root .agis-btn:hover{
  background: rgba(35,50,70,.95) !important;
  transform: translateY(-1px);
}

/* Primary / Go Live */
#agis-admin-root .btn-primary, #agis-admin-root .go-live,
#agis-chat-root .agis-btn-primary{
  background: rgba(118,217,73,.35) !important;
  border-color: rgba(118,217,73,.65) !important;
  color: #ffffff !important;
}
#agis-admin-root .btn-primary:hover, #agis-admin-root .go-live:hover,
#agis-chat-root .agis-btn-primary:hover{
  box-shadow: 0 0 22px rgba(118,217,73,.45);
}

/* Tutorial button: simple, palette-aligned style */
#agis-admin-root #tutorialButton{
  background: rgba(74,162,217,.22) !important;
  border: 1px solid rgba(74,162,217,.55) !important;
  color: #ffffff !important;
  text-shadow: none !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
}
#agis-admin-root #tutorialButton:hover{
  background: rgba(74,162,217,.32) !important;
  border-color: rgba(74,162,217,.75) !important;
}

/* Support button: simple, calm support accent */
#agis-admin-root button[onclick*="showSupport"]{
  background: rgba(118,217,73,.20) !important;
  border: 1px solid rgba(118,217,73,.52) !important;
  color: #ffffff !important;
  text-shadow: none !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
}
#agis-admin-root button[onclick*="showSupport"]:hover{
  background: rgba(118,217,73,.30) !important;
  border-color: rgba(118,217,73,.72) !important;
}

/* Danger Delete */
#agis-admin-root .btn-danger, #agis-admin-root .delete,
#agis-chat-root .agis-btn-danger{
  background: rgba(255,80,80,.38) !important;
  border-color: rgba(255,80,80,.65) !important;
  color: #ffffff !important;
}
#agis-admin-root .btn-danger:hover{
  box-shadow: 0 0 20px rgba(255,80,80,.45);
}

/* Warning  Chat  Recrawl */
#agis-admin-root .btn-warning, #agis-admin-root .chat, #agis-admin-root .recrawl{
  background: rgba(255,190,80,.32) !important;
  border-color: rgba(255,190,80,.55) !important;
  color: #ffffff !important;
}

/* Disabled */
#agis-admin-root button:disabled, #agis-admin-root .btn:disabled, #agis-admin-root .disabled,
#agis-chat-root .agis-btn:disabled{
  opacity: .45 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* Spacing in action rows */
#agis-admin-root #main-contents td button,
#agis-admin-root #main-contents td .btn{
  margin-right: 6px;
  margin-bottom: 4px;
  white-space: nowrap;
}

/* =====================================================================
   LEGACY STYLES — NEUTRALIZED (kept for safety) (admin)
   ===================================================================== */
#agis-admin-root .custom-btn{
  background: inherit !important;
  color: inherit !important;
  border: inherit !important;
}
/* =========================================================
   FINAL READABILITY FIX — ACTION ROW BUTTONS ONLY
   ========================================================= */

/* View Pages (btn-primary inside main table) */
#agis-admin-root #main-contents td .btn.btn-primary{
  background: rgba(118,217,73,.58) !important;
  border-color: rgba(118,217,73,.75) !important;
  color: rgba(10,18,28,.95) !important;   /* dark readable text */
  text-shadow: none !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.22) !important;
}

/* Hover state */
#agis-admin-root #main-contents td .btn.btn-primary:hover{
  background: rgba(118,217,73,.65) !important;
  transform: translateY(-1px);
}

/* Chat button (usually warm/orange) */
#agis-admin-root #main-contents td .btn.chat,
#agis-admin-root #main-contents td button.chat{
  background: rgba(255,190,80,.55) !important;
  border-color: rgba(255,190,80,.75) !important;
  color: rgba(10,18,28,.95) !important;
  text-shadow: none !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.22) !important;
}

/* Chat message typography (#agis-chat-root only) */
#agis-chat-root .agis-ai-message.agis-text-left * {
  font-size: inherit !important;
}

#agis-chat-root .agis-user-message p,
#agis-chat-root .agis-ai-message p {
  margin: 6px 0;
  line-height: 1.4;
  word-break: break-word;
  color: inherit !important;
  font-size: inherit !important;
}

#agis-chat-root #chatMessages .agis-user-message ul,
#agis-chat-root #chatMessages .agis-user-message ol,
#agis-chat-root #chatMessages .agis-ai-message ul,
#agis-chat-root #chatMessages .agis-ai-message ol {
  margin: 6px 0 6px 18px;
  padding: 0;
}

#agis-chat-root .agis-user-message li,
#agis-chat-root .agis-ai-message li {
  margin-bottom: 4px;
}

#agis-chat-root .agis-user-message code,
#agis-chat-root .agis-ai-message code {
  background: rgba(0, 0, 0, 0.08);
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 0.9em;
}

/* Go Live (green but NOT btn-primary) */
#agis-admin-root #main-contents td .go-live,
#agis-admin-root #main-contents td button.go-live{
  background: rgba(118,217,73,.55) !important;
  border-color: rgba(118,217,73,.75) !important;
  color: rgba(10,18,28,.95) !important;
  text-shadow: none !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.22) !important;
}

/* Delete stays white-on-red (already readable) */
#agis-admin-root #main-contents td .btn-danger{
  color: #ffffff !important;
}

/* =========================================================
   FORCE DARK ROWS (works even if styles are on <td>)
   ========================================================= */

/* Darken table cells inside main-contents */
#agis-admin-root #main-contents table tr td{
  background: rgba(20,30,45,.85) !important;
  border-color: rgba(255,255,255,.10) !important;
}

/* Alternate rows */
#agis-admin-root #main-contents table tr:nth-child(even) td{
  background: rgba(25,38,58,.88) !important;
}

/* Hover row */
#agis-admin-root #main-contents table tr:hover td{
  background: rgba(35,55,80,.95) !important;
}

/* Domain text (first column) */
#agis-admin-root #main-contents table tr td:first-child{
  color: rgba(255,255,255,.95) !important;
  font-weight: 600 !important;
}

/* If the domain is a link */
#agis-admin-root #main-contents table tr td:first-child a{
  color: rgba(255,255,255,.95) !important;
  text-decoration: none !important;
}
#agis-admin-root #main-contents table tr td:first-child a:hover{
  text-decoration: underline !important;
}
/* =========================================================
   TOP MENU BAR (View AIs / Add New Site / etc) — READABILITY
   Targets the custom options bar buttons only
   ========================================================= */

#agis-admin-root .custom-options-bar .btn,
#agis-admin-root .custom-options-bar button,
#agis-admin-root .agis-custom-options-bar .btn,
#agis-admin-root .agis-custom-options-bar button{
  background: rgba(255,255,255,.12) !important;   /* lighter glass */
  border: 1px solid rgba(255,255,255,.22) !important;
  color: rgba(255,255,255,.95) !important;        /* bright text */
  text-shadow: 0 1px 0 rgba(0,0,0,.45) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.25) !important;
  min-height: 34px !important;
  padding: 6px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  border-radius: 7px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#agis-admin-root #SetupWizard{
  gap: 6px;
}

/* Hover state: slightly brighter */
#agis-admin-root .custom-options-bar .btn:hover,
#agis-admin-root .custom-options-bar button:hover,
#agis-admin-root .agis-custom-options-bar .btn:hover,
#agis-admin-root .agis-custom-options-bar button:hover{
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.30) !important;
  transform: translateY(-1px);
}

/* If one is "active" (your legacy code uses .active) */
#agis-admin-root .custom-options-bar .btn.active,
#agis-admin-root .custom-options-bar button.active,
#agis-admin-root .agis-custom-options-bar .btn.active,
#agis-admin-root .agis-custom-options-bar button.active{
  background: rgba(118,217,73,.25) !important;
  border-color: rgba(118,217,73,.55) !important;
  color: rgba(255,255,255,.98) !important;
}

/* AIs contextual toolbar — quieter View AIs, stronger Add New Site */
#agis-admin-root .agis-ais-toolbar{
  border-top: 1px solid rgba(255,255,255,.07);
  padding-top: 12px !important;
  margin-top: 2px;
}
#agis-admin-root .agis-ais-toolbar .agis-ais-toolbar-quiet{
  opacity: 0.72;
  font-weight: 600 !important;
  box-shadow: none !important;
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.16) !important;
}
#agis-admin-root .agis-ais-toolbar .agis-ais-toolbar-quiet:hover{
  opacity: 0.9;
}
#agis-admin-root .agis-ais-toolbar .agis-ais-toolbar-quiet.active{
  opacity: 0.88;
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: rgba(255,255,255,.92) !important;
  box-shadow: none !important;
}
#agis-admin-root .agis-ais-toolbar .agis-ais-toolbar-primary{
  background: rgba(118,217,73,.26) !important;
  border-color: rgba(118,217,73,.48) !important;
  color: rgba(255,255,255,.98) !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.22) !important;
}
#agis-admin-root .agis-ais-toolbar .agis-ais-toolbar-primary:hover,
#agis-admin-root .agis-ais-toolbar .agis-ais-toolbar-primary.active{
  background: rgba(118,217,73,.34) !important;
  border-color: rgba(118,217,73,.62) !important;
}
#agis-admin-root .agis-ais-toolbar .agis-ais-toolbar-secondary{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.18) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
/* =========================================================
   TOP ACTION BAR VERTICAL SPACING FIX
   ========================================================= */

/* The bar that holds View AIs / Add New Site / etc */
#agis-admin-root .custom-options-bar,
#agis-admin-root .agis-custom-options-bar{
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 8px;
}
#agis-admin-root .custom-options-bar .btn-group,
#agis-admin-root .agis-custom-options-bar .btn-group{
  gap: 6px;
  justify-content: flex-start !important;
}

#agis-admin-root .custom-options-bar.d-flex.justify-content-center .btn-group > .btn,
#agis-admin-root .custom-options-bar.d-flex.justify-content-center .btn-group > button,
#agis-admin-root .agis-custom-options-bar.d-flex.justify-content-center .btn-group > .btn,
#agis-admin-root .agis-custom-options-bar.d-flex.justify-content-center .btn-group > button{
  min-width: 118px;
  max-width: 132px;
}
#agis-admin-root #availableDomains{
  margin-right: 8px;
}

#agis-admin-root .custom-options-bar #availableDomains,
#agis-admin-root .agis-custom-options-bar #availableDomains,
#agis-admin-root .custom-options-bar .agis-top-domain-select,
#agis-admin-root .agis-custom-options-bar .agis-top-domain-select{
  min-width: 200px;
  max-width: 260px;
  height: 36px;
  padding: 6px 30px 6px 10px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background-color: rgba(255,255,255,.08) !important;
  color: var(--agis-text) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

#agis-admin-root .custom-options-bar #availableDomains:hover,
#agis-admin-root .agis-custom-options-bar #availableDomains:hover,
#agis-admin-root .custom-options-bar #availableDomains:focus,
#agis-admin-root .agis-custom-options-bar #availableDomains:focus{
  border-color: rgba(74,162,217,.65) !important;
  box-shadow: 0 0 0 2px rgba(74,162,217,.22) !important;
  background-color: rgba(255,255,255,.1) !important;
}

/* Intro description blocks (Advanced / Testing / Transcripts / Chat Settings) */
#agis-admin-root #main-contents .agis-help-intro{
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
}

#agis-admin-root #main-contents .agis-help-item{
  padding: 4px 0;
}

#agis-admin-root #main-contents .agis-help-item + .agis-help-item{
  border-top: 0;
}

#agis-admin-root #main-contents .agis-help-item-title{
  margin: 0 0 4px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  color: rgba(234,244,255,.96) !important;
}

#agis-admin-root #main-contents .agis-help-item-text{
  margin: 0;
  font-size: 15px;
  color: rgba(255,255,255,.86) !important;
  line-height: 1.55;
}

#agis-admin-root #main-contents .agis-help-item-list{
  margin: 6px 0 0 18px;
  padding: 0;
}

#agis-admin-root #main-contents .agis-help-item-list li{
  font-size: 15px;
  color: rgba(255,255,255,.84);
  line-height: 1.5;
  margin-bottom: 4px;
}
/* =========================================================
   GLOBAL DROPDOWN (SELECT) READABILITY FIX
   ========================================================= */

/* Base select control (admin + chat) */
/* #agis-admin-root select, #agis-admin-root .form-select,
#agis-chat-root select, #agis-chat-root .agis-form-select{
  background-color: rgba(20,30,45,.85) !important;
  color: rgba(255,255,255,.95) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  border-radius: 999px !important;
  padding: 8px 36px 8px 14px !important;
  font-weight: 600;
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
} */

/* Hover / focus */
#agis-admin-root select:hover, #agis-admin-root select:focus,
#agis-admin-root .form-select:hover, #agis-admin-root .form-select:focus,
#agis-chat-root select:hover, #agis-chat-root select:focus,
#agis-chat-root .agis-form-select:hover, #agis-chat-root .agis-form-select:focus{
  background-color: rgba(30,45,65,.95) !important;
  border-color: rgba(118,217,73,.55) !important;
  outline: none !important;
}

/* Dropdown options */
#agis-admin-root select option, #agis-chat-root select option{
  background-color: rgba(20,30,45,.95) !important;
  color: rgba(255,255,255,.95) !important;
}

/* Disabled option */
#agis-admin-root select option:disabled, #agis-chat-root select option:disabled{
  color: rgba(255,255,255,.45) !important;
}

/* Fix Safari / Chromium oddities */
select::-ms-expand{
  display: none;
}
/* =========================================================
   TABLE HEADER (THEAD/TH) READABILITY FIX
   ========================================================= */

/* Header row background */
#agis-admin-root #main-contents table thead tr th,
#agis-admin-root #main-contents table tr th{
  background: rgba(15,22,34,.95) !important;   /* dark glass */
  color: rgba(255,255,255,.95) !important;     /* readable text */
  border-color: rgba(255,255,255,.12) !important;
  font-weight: 800 !important;
}

/* If the header contains links or spans */
#agis-admin-root #main-contents table thead tr th a,
#agis-admin-root #main-contents table tr th a,
#agis-admin-root #main-contents table thead tr th span,
#agis-admin-root #main-contents table tr th span{
  color: rgba(255,255,255,.95) !important;
}

/* Optional: slightly stronger divider under header */
#agis-admin-root #main-contents table thead{
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
}
/* =========================================================
   BOOTSTRAP MODAL — DARK GLASS THEME (READABILITY FIX)
   Applies to Override popup + all modals
   ========================================================= */

#agis-admin-root .modal-content{
  background: rgba(10,18,28,.92) !important;
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.60) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#agis-admin-root .modal-header,
#agis-admin-root .modal-footer{
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.10) !important;
}

#agis-admin-root .modal-title{
  color: rgba(255,255,255,.95) !important;
  font-weight: 800 !important;
}

#agis-admin-root .modal-body{
  color: rgba(255,255,255,.90) !important;
  overflow: auto;
}

/* Bootstrap close (X) button */
#agis-admin-root .modal-header .btn-close{
  filter: invert(1) grayscale(100%) brightness(1.2);
  opacity: .85;
}
.modal-header .btn-close:hover{
  opacity: 1;
}

/* Inputs inside modals */
#agis-admin-root .modal-content input,
#agis-admin-root .modal-content textarea,
#agis-admin-root .modal-content select,
#agis-admin-root .modal-content .form-control,
#agis-admin-root .modal-content .form-select{
  background: rgba(255,255,255,.07) !important;
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 14px !important;
}

#agis-admin-root .modal-content input::placeholder,
#agis-admin-root .modal-content textarea::placeholder{
  color: rgba(255,255,255,.50) !important;
}

/* Select options dropdown list */
#agis-admin-root .modal-content select option{
  background: rgba(20,30,45,.98) !important;
  color: rgba(255,255,255,.95) !important;
}

/* Any “header row” blocks inside the modal that are white */
.modal-content th,
.modal-content td{
  background: transparent !important;
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.10) !important;
}

/* Buttons inside modal: keep consistent */
#agis-admin-root .modal-content .btn{
  border-radius: 999px !important;
  font-weight: 800 !important;
}
#agis-admin-root .modal-content .btn-secondary{
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.92) !important;
}
#agis-admin-root .modal-content .btn-secondary:hover{
  background: rgba(255,255,255,.16) !important;
}
/* =========================================================
   DESKTOP: hide the mobile menu header (Menu ▼)
   ========================================================= */
@media (min-width: 768px){
  #agis-admin-root .menu-header{
    display: none !important;
  }

  /* ensure menu tabs are always visible on desktop */
  #agis-admin-root #menuContent{
    max-height: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}
/* =========================================================
   MOBILE TABLE FIX — prevent overflow + make actions usable
   ========================================================= */
@media (max-width: 1024px){
  #agis-admin-root .agis-licenses-table td[data-label="Actions"]{
    text-align: left !important;
  }

  #agis-admin-root .agis-licenses-table td[data-label="Actions"] .licenses-actions{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #agis-admin-root .agis-files-table td[data-label="Actions"]{
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  #agis-admin-root .custom-options-bar .btn-group,
  #agis-admin-root .agis-custom-options-bar .btn-group{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }

  #agis-admin-root .menu-header{
    display: flex;
    align-items: center;
    padding: 8px 4px;
  }

  #agis-admin-root .menu-toggle{
    background: transparent;
    margin-left: 12px;
    border: 0;
    color: var(--agis-text);
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
  }

  #agis-admin-root #menuContent{
    max-height: 1000px;
    opacity: 1;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
  }

  #agis-admin-root #menuContent.collapsed{
    max-height: 0;
    padding: 0 !important;
    opacity: 0;
    margin-top: 0 !important;
    pointer-events: none;
  }

  /* Give the card proper padding and stop sideways bleed */
  #agis-admin-root #main-contents{
    padding: 14px !important;
    overflow: hidden !important;
  }

  /* Any tables inside main-contents should scroll instead of overflow */
  #agis-admin-root #main-contents table,
  #agis-admin-root #main-contents .table{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Force the table to behave like a real table within the scroll container */
  #agis-admin-root #main-contents thead,
  #agis-admin-root #main-contents tbody,
  #agis-admin-root #main-contents tr{
    width: 100% !important;
  }

  /* Make cells wrap so long domains don’t push width */
  #agis-admin-root #main-contents td,
  #agis-admin-root #main-contents th{
    white-space: normal !important;
    word-break: break-word !important;
  }

  /* Keep the first column (Domain) from forcing massive width */
  #agis-admin-root #main-contents td:first-child,
  #agis-admin-root #main-contents th:first-child{
    min-width: 130px !important;
  }

  /* Actions column: allow wrapping/stacking */
  #agis-admin-root #main-contents td:nth-child(2){
    min-width: 180px !important;
  }

  /* Action buttons: stack nicely instead of running offscreen */
  #agis-admin-root #main-contents td button,
  #agis-admin-root #main-contents td .btn{
    display: inline-flex !important;
    width: auto !important;
    margin: 6px 6px 0 0 !important;
  }

  #agis-admin-root .agis-licenses-panel-title{
    font-size: 16px;
  }

  #agis-admin-root .agis-licenses-page #licenses-filters-form .form-check{
    min-height: 24px;
  }

  #agis-admin-root .agis-licenses-table{
    min-width: 0;
    border: 0 !important;
  }

  #agis-admin-root .agis-licenses-table thead{
    display: none !important;
  }

  #agis-admin-root .agis-licenses-table tbody{
    display: block;
  }

  #agis-admin-root .agis-licenses-table tbody tr{
    display: block;
    margin-bottom: 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    overflow: hidden;
  }

  #agis-admin-root .agis-licenses-table tbody tr:has(.dropdown-menu.show),
  #agis-admin-root .agis-licenses-table tbody tr:has(.dropdown.show){
    overflow: visible;
    position: relative;
    z-index: 6;
  }

  #agis-admin-root .agis-licenses-table tbody tr.agis-dropdown-open{
    overflow: visible;
    position: relative;
    z-index: 6;
  }

  #agis-admin-root .agis-licenses-table tbody td{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }

  #agis-admin-root .agis-licenses-table tbody td + td{
    border-left: 0 !important;
  }

  #agis-admin-root .agis-licenses-table thead th + th,
  #agis-admin-root .agis-licenses-table tbody tr td{
    border-left: 0 !important;
  }

  #agis-admin-root .agis-licenses-table tbody td::before{
    content: attr(data-label);
    min-width: 118px;
    font-weight: 700;
    color: rgba(234,244,255,.92);
  }

  #agis-admin-root .agis-licenses-table tbody td:last-child{
    border-bottom: 0 !important;
  }

}

@media (max-width: 767.98px){
  /* Legacy: old top-nav hid menu in container; app shell keeps sidebar nav visible in drawer */
  #agis-admin-root:not(.agis-app-shell) .menu-container > #menuContent{
    display: none !important;
  }
  #agis-admin-root.agis-app-shell .menu-container > #menuContent{
    display: flex !important;
    flex-direction: column !important;
    max-height: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }



  /* Render moved menuContent inside account sidebar panel */
  #agis-admin-root .navbar .dropdown-menu .dropdown-menu-tabs > #menuContent{
    display: block !important;
    max-height: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    padding: 0 ;
    margin-bottom: 12px;
    border-bottom: 1px solid #ffffff29;
  }
  #agis-admin-root .navbar .dropdown-menu .dropdown-menu-tabs > #menuContent .nav-item{
    min-width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }
  #agis-admin-root .navbar .dropdown-menu .dropdown-menu-tabs > #menuContent .nav-item::after{
    display: none !important;
  }
  #agis-admin-root .navbar .dropdown-menu .dropdown-menu-tabs > #menuContent .nav-link{
    display: block !important;
    width: 100% !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    color: rgba(255,255,255,.86) !important;
    font-weight: 700 !important;
    border-bottom: none !important;
    border-left: 2px solid transparent !important;
    transition: all 180ms ease-in-out;
  }
  #agis-admin-root .navbar .dropdown-menu .dropdown-menu-tabs > #menuContent .nav-link:hover{
    background: rgba(255,255,255,.06) !important;
    color: #ffffff !important;
    border-left-color: rgba(118,217,73,.75) !important;
    border-bottom: none !important;
  }
  #agis-admin-root .navbar .dropdown-menu .dropdown-menu-tabs > #menuContent .nav-link.active{
    border-bottom: none !important;
  }

  /* Keep More usable when #menuContent is moved into the hamburger panel */
  #agis-admin-root .navbar .dropdown-menu .dropdown-menu-tabs > #menuContent .agis-nav-more-toggle{
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    color: rgba(255,255,255,.86);
    font-weight: 700;
    border-radius: 0;
    border-bottom: none;
    border-left: 2px solid transparent;
  }
  #agis-admin-root .navbar .dropdown-menu .dropdown-menu-tabs > #menuContent .agis-nav-more.has-active .agis-nav-more-toggle,
  #agis-admin-root .navbar .dropdown-menu .dropdown-menu-tabs > #menuContent .agis-nav-more.is-open .agis-nav-more-toggle{
    background: rgba(255,255,255,.06);
    border-left-color: rgba(118,217,73,.75);
    color: #ffffff;
  }
  #agis-admin-root .navbar .dropdown-menu .dropdown-menu-tabs > #menuContent .agis-nav-more-menu{
    position: static;
    min-width: 0;
    margin: 0 0 6px;
    box-shadow: none;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.18);
  }
}
/* =========================================================
   ACCOUNT DROPDOWN MENU — FIX STACKING + SPACING
   (Your dropdown uses plain <a> tags, not Bootstrap .dropdown-item)
   ========================================================= */

#agis-admin-root .navbar .dropdown-menu a,
#agis-admin-root .agis-topbar .dropdown-menu a{
  display: block !important;          /* STACK */
  width: 100% !important;
  padding: 10px 14px !important;      /* SPACING */
  text-decoration: none !important;
  white-space: nowrap !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-left: 2px solid transparent;
  transition: all 180ms ease-in-out;
}

#agis-admin-root .navbar .dropdown-menu a:hover,
#agis-admin-root .agis-topbar .dropdown-menu a:hover{
  background: rgba(255,255,255,.06) !important;
  color: #ffffff !important;
  border-left-color: rgba(118,217,73,.75);
}

/* Bottom account section links: similar to top nav, but softer */
#agis-admin-root .navbar .dropdown-menu > a,
#agis-admin-root .agis-topbar .dropdown-menu > a{
  color: rgba(255,255,255,.8) !important;
}
/* =========================================================
   ACCOUNT DROPDOWN — KEEP INSIDE VIEWPORT
   Fix: menu opens off-screen (top clipped)
   ========================================================= */

#agis-admin-root .navbar{
  overflow: visible !important; /* ensure dropdown isn't clipped by navbar */
}

#agis-admin-root .navbar .dropdown{
  position: relative !important; /* anchor for absolute dropdown */
}

#agis-admin-root .navbar .dropdown-menu,
#agis-admin-root .agis-topbar .dropdown-menu{
  top: 58px !important;
  right: 20px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin-top: 0 !important;
  width: min(280px, calc(100vw - 24px)) !important;
  height: auto !important;
  max-height: min(70vh, 480px) !important;
  padding: 8px 0 !important;
  border-radius: 12px !important;
  background-color: rgb(18 32 46) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  overflow-y: auto !important;
  opacity: 1 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
  display: block !important;
  position: fixed !important;
  z-index: 3200 !important;
}

#agis-admin-root .navbar .account-menu.open .dropdown-menu,
#agis-admin-root .agis-topbar .account-menu.open .dropdown-menu{
  transform: none !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#agis-admin-root .navbar .dropdown-menu .dropdown-menu-header,
#agis-admin-root .agis-topbar .dropdown-menu .dropdown-menu-header{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 4px 14px 8px;
}

#agis-admin-root .navbar .dropdown-menu .dropdown-close,
#agis-admin-root .agis-topbar .dropdown-menu .dropdown-close{
  background: transparent !important;
  border: 0 !important;
  width: 20px;
  height: 20px;
  padding: 0 !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
  position: relative;
}

#agis-admin-root .navbar .dropdown-menu .dropdown-close span,
#agis-admin-root .agis-topbar .dropdown-menu .dropdown-close span{
  position: absolute;
  display: block;
  width: 18px;
  height: 2px;
  background: #ffffff;
  border-radius: 2px;
}

#agis-admin-root .navbar .dropdown-menu .dropdown-close span:first-child,
#agis-admin-root .agis-topbar .dropdown-menu .dropdown-close span:first-child{
  transform: rotate(45deg);
}

#agis-admin-root .navbar .dropdown-menu .dropdown-close span:last-child,
#agis-admin-root .agis-topbar .dropdown-menu .dropdown-close span:last-child{
  transform: rotate(-45deg);
}
#agis-admin-root #main-contents td .btn.wp-install{
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.92) !important;
}
#agis-admin-root #main-contents td .btn.wp-install:hover{
  background: rgba(255,255,255,.16) !important;
}
/* ================================
   AGIS Dark Modal Styling
   ================================ */

#customModal .modal-dialog {
  width: min(90%, 1500px);
  max-width: 1500px;
  margin: 1.75rem auto;
}

#customModal .modal-content {
    background: linear-gradient(135deg, #0f1c26, #142733);
    color: #e6eef5;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.08);
}

#customModal .modal-body {
  max-height: min(70vh, calc(100vh - 220px));
  overflow: auto;
}

/* Standalone app-shell only. WordPress admin containment lives in admin.css. */
body:not(.toplevel_page_agis-chat) #agis-admin-root.agis-app-shell #customModal {
  z-index: 2300;
}

body:has(#agis-admin-root.agis-app-shell):not(.toplevel_page_agis-chat) .modal-backdrop {
  z-index: 2250;
}

@media (min-width: 992px) {
  body:not(.toplevel_page_agis-chat) #agis-admin-root.agis-app-shell #customModal.modal {
    left: var(--agis-sidebar-width, 248px);
    width: auto;
    right: 0;
  }
  body:has(#agis-admin-root.agis-app-shell):not(.toplevel_page_agis-chat) .modal-backdrop {
    left: var(--agis-sidebar-width, 248px);
    width: auto;
    right: 0;
  }
}

#customModal .modal-header {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

#customModal .modal-footer {
    border-top: 1px solid rgba(255,255,255,0.08);
}

#customModal .modal-title {
    color: #ffffff;
    font-weight: 600;
}

#customModal .btn-close {
    filter: invert(1);
}

/* Prompt / text-area modals */
.modalTextArea {
  width: 100%;
  min-height: 300px;
  resize: both;
  box-sizing: border-box;
  padding: 10px 14px;
  font-family: monospace;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Code blocks inside modal */
#customModal pre,
#customModal code,
#customModal textarea {
    background: #0b141c;
    /* color: #e6eef5; */
    color: #73dd41;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    font-family: monospace;
}

/* Labels / helper text */
#customModal label,
#customModal p {
    color: #cfd9e3;
}
/* ================================
   Fix Close Button Visibility
   ================================ */

#customModal .btn-close {
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    padding: 10px;
    opacity: 1;
    filter: invert(1);
}

#customModal .btn-close:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

#customModal .btn-close:focus {
    box-shadow: 0 0 0 3px rgba(120, 180, 255, 0.35);
}
/* =========================================================
   FINAL FORCE — visible modal close button on dark UI
   ========================================================= */

#customModal .modal-header .btn-close {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  opacity: 1 !important;
}

#customModal .modal-header .btn-close::before {
  content: "✕" !important;
  color: #ffffff !important;      /* <-- force WHITE */
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* Hover / focus */
#customModal .modal-header .btn-close:hover {
  background: rgba(255, 255, 255, 0.28) !important;
}

#customModal .modal-header .btn-close:focus {
  box-shadow: 0 0 0 3px rgba(120, 180, 255, 0.4) !important;
}
/* =========================================================
   HARD FIX: Bootstrap .btn-close visibility (force white X)
   Put this at the VERY BOTTOM of styles.css
   ========================================================= */

#customModal .modal-header .btn-close{
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;

  /* Make the button itself visible */
  background-color: rgba(255,255,255,0.16) !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: 999px !important;

  /* Kill Bootstrap's default opacity tricks */
  opacity: 1 !important;
  filter: none !important;

  /* Force a white "X" SVG (this is the key) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2 L14 14 M14 2 L2 14' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
}

#customModal .modal-header .btn-close:hover{
  background-color: rgba(255,255,255,0.28) !important;
  border-color: rgba(255,255,255,0.55) !important;
}

#customModal .modal-header .btn-close:focus{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(118,217,73,0.35) !important;
}

/* Compact centered modal for license row actions */
#customModal.agis-license-actions-modal .modal-dialog{
  width: calc(100% - 24px) !important;
  max-width: 360px !important;
  margin: 9vh auto 0 !important;
}

#customModal.agis-license-actions-modal .modal-content{
  border-radius: 12px;
}

#customModal.agis-license-actions-modal .modal-header{
  padding: 6px 10px;
}

#customModal.agis-license-actions-modal .modal-title{
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

#customModal.agis-license-actions-modal .modal-body{
  padding: 8px 10px 10px;
}

#customModal.agis-license-actions-modal .modal-footer{
  display: none;
}

#customModal.agis-license-actions-modal .license-action{
  justify-content: flex-start !important;
  width: 100%;
  min-height: 34px;
  font-size: 13px !important;
  gap: 8px;
}

#customModal.agis-license-actions-modal .modal-header .btn-close{
  width: 28px !important;
  height: 28px !important;
  background-size: 12px 12px !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#agis-admin-root .form-text, #agis-chat-root .agis-form-text{
  color: white !important;
}

/* ===== ADMIN CARDS (dark theme — fix white-on-white in Licenses etc.) ===== */
#agis-admin-root .card {
  background: rgba(20,30,45,.9) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.92) !important;
}
#agis-admin-root .card .text-muted,
#agis-admin-root .card .lic-label {
  color: rgba(255,255,255,.65) !important;
}
#agis-admin-root .card .lic-value,
#agis-admin-root .card h4 {
  color: rgba(255,255,255,.95) !important;
}
#agis-admin-root .card label {
  color: rgba(255,255,255,.75) !important;
}

/* ===== CHAT WIDGET STYLES (#agis-chat-root only) ===== */
#agis-chat-root .agis-card{
	background-color: #c4ddae !important;
}

#agis-admin-root h5, #agis-chat-root .agis-card h5 {
	color: #198754 !important;
}
#agis-admin-root h4, #agis-chat-root .agis-card h4 {
	color: #198754 !important;
}
#agis-admin-root h3, #agis-chat-root .agis-card h3 {
	color: #198754 !important;
}

#agis-admin-root .fas, #agis-chat-root .fas {
	color: #198754 !important;
}

#agis-admin-root .card-text, #agis-chat-root .agis-card-text{
	color: #198754 !important;
}
#agis-chat-root #chatStartMessage{
	color: #198754 !important;
}

#agis-admin-root .table-sm{
	color: #198754 !important;
}
#agis-admin-root .agis-captured-emails-wrap,
#analytics-dashboard .agis-captured-emails-wrap{
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
  background: #101c2a;
}
#agis-admin-root .agis-captured-emails-table,
#analytics-dashboard .agis-captured-emails-table{
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  --bs-table-bg: #162638;
  --bs-table-color: #e8eef6;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-bg: #1c2e42;
  --bs-body-bg: #162638;
  background-color: #162638;
  color: #e8eef6;
}
#agis-admin-root .agis-captured-emails-table col.agis-ce-col-email,
#analytics-dashboard .agis-captured-emails-table col.agis-ce-col-email{
  width: 25%;
}
#agis-admin-root .agis-captured-emails-table col.agis-ce-col-context,
#analytics-dashboard .agis-captured-emails-table col.agis-ce-col-context{
  width: auto;
}
#agis-admin-root .agis-captured-emails-table col.agis-ce-col-captured,
#analytics-dashboard .agis-captured-emails-table col.agis-ce-col-captured{
  width: 20%;
}
#agis-admin-root .agis-captured-emails-table col.agis-ce-col-action,
#analytics-dashboard .agis-captured-emails-table col.agis-ce-col-action{
  width: 148px;
}
#agis-admin-root .agis-captured-emails-table thead,
#analytics-dashboard .agis-captured-emails-table thead{
  display: table-header-group;
}
#agis-admin-root .agis-captured-emails-table tbody,
#analytics-dashboard .agis-captured-emails-table tbody{
  display: table-row-group;
}
#agis-admin-root .agis-captured-emails-table tr,
#analytics-dashboard .agis-captured-emails-table tr{
  display: table-row;
}
#agis-admin-root .agis-captured-emails-table th,
#agis-admin-root .agis-captured-emails-table td,
#agis-admin-root .agis-captured-emails-table > :not(caption) > * > *,
#analytics-dashboard .agis-captured-emails-table th,
#analytics-dashboard .agis-captured-emails-table td,
#analytics-dashboard .agis-captured-emails-table > :not(caption) > * > *{
  display: table-cell;
  box-shadow: none !important;
  background-color: #162638 !important;
  color: #e8eef6 !important;
  border-color: rgba(255,255,255,.08);
}
#agis-admin-root .agis-captured-emails-table thead th{
  background-color: #10283e !important;
  color: rgba(238,247,255,.98) !important;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.12);
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
#agis-admin-root .agis-captured-emails-table thead th + th{
  border-left: 1px solid rgba(255,255,255,.08);
}
#agis-admin-root .agis-captured-emails-table tbody td{
  background-color: #162638 !important;
  color: rgba(255,255,255,.92) !important;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding: 10px 12px;
  font-size: 13.5px;
  vertical-align: middle;
}
#agis-admin-root .agis-captured-emails-table tbody td + td{
  border-left: 1px solid rgba(255,255,255,.08);
}
#agis-admin-root .agis-captured-emails-table tbody tr:nth-child(even) td{
  background-color: #1c2e42 !important;
}
#agis-admin-root .agis-captured-emails-table tbody tr:hover td{
  background-color: #283e5a !important;
}
#agis-admin-root .agis-captured-emails-table tbody tr:last-child td{
  border-bottom: 0;
}
#agis-admin-root .agis-captured-emails-table .agis-ce-col-email{
  width: 25%;
  min-width: 140px;
}
#agis-admin-root .agis-captured-emails-table .agis-ce-col-context{
  width: auto;
  min-width: 180px;
}
#agis-admin-root .agis-captured-emails-table .agis-ce-col-captured{
  width: 20%;
  min-width: 132px;
}
#agis-admin-root .agis-captured-emails-table .agis-ce-col-action{
  width: 148px;
  min-width: 148px;
  white-space: nowrap;
}
#agis-admin-root .agis-captured-emails-table a{
  color: var(--agis-brand);
  text-decoration: none;
  font-weight: 700;
}
#agis-admin-root .agis-captured-emails-table a:hover{
  color: #9ef56a;
  text-decoration: underline;
}
#agis-admin-root .agis-captured-emails-snippet{
  display: block;
  color: rgba(220,232,250,.78);
  font-size: 13px;
  line-height: 1.4;
  max-width: none;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}
#agis-admin-root .agis-captured-emails-time{
  color: rgba(220,232,250,.78);
  white-space: nowrap;
  font-size: 13px;
}
#agis-admin-root .agis-captured-emails-action{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 4px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}
#agis-admin-root .agis-captured-emails-action:hover{
  background: rgba(118,217,73,.12);
  border-color: rgba(118,217,73,.35);
  color: #dfffcf;
}
#agis-admin-root .agis-captured-emails-empty{
  text-align: center;
  padding: 28px 16px;
  color: rgba(220,232,250,.7);
}
#agis-admin-root .agis-captured-emails-empty i{
  display: block;
  margin-bottom: 10px;
  font-size: 1.6rem;
  color: rgba(220,232,250,.45);
}
#agis-admin-root .agis-captured-emails-empty p{
  margin: 0;
  color: rgba(220,232,250,.7) !important;
}
#agis-admin-root .agis-captured-emails-badge{
  background: rgba(255,255,255,.08) !important;
  color: rgba(238,247,255,.88) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  font-weight: 700;
}
#agis-admin-root .agis-transcripts-table tbody tr.agis-transcript-row-target td,
body.toplevel_page_agis-chat #agis-admin-root table tbody tr.agis-transcript-row-target td{
  background: rgba(118,217,73,.12) !important;
  box-shadow: inset 3px 0 0 rgba(118,217,73,.7);
}

#agis-admin-root .agis-link-clicks-table,
#agis-admin-root .agis-link-clicks-table th,
#agis-admin-root .agis-link-clicks-table td {
	color: var(--agis-text) !important;
	background: transparent !important;
	border-color: rgba(255,255,255,.08) !important;
}

#agis-admin-root .agis-link-clicks-table thead th {
	color: var(--agis-brand) !important;
	font-weight: 600;
	border-bottom: 1px solid rgba(118,217,73,.22) !important;
}

#agis-admin-root .agis-link-clicks-table tbody tr:nth-child(even) td {
	background: rgba(255,255,255,.03) !important;
}

#agis-admin-root .agis-link-clicks-table a {
	color: var(--agis-brand) !important;
	text-decoration: underline;
}

#agis-admin-root .agis-link-clicks-table a:hover {
	color: #9ef56a !important;
}

#agis-admin-root .agis-link-clicks-session {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 12px;
	word-break: break-all;
	color: var(--agis-muted) !important;
}

#agis-admin-root #uploadContainer{
	color: #198754 !important;
}

#agis-admin-root #start-crawl-btn .fas{
  color: #ffffff !important;
}

/* Step 1 only: make crawl progress match select styling */
#agis-admin-root #setup-step-content #crawl-progress .alert{
  background-color: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 12px !important;
  color: var(--agis-text) !important;
}

#agis-admin-root #setup-step-content #crawl-results .alert-success{
  background-color: rgba(118,217,73,.12) !important;
  border: 1px solid rgba(118,217,73,.28) !important;
  border-radius: 12px !important;
  color: var(--agis-text) !important;
}

#agis-admin-root #setup-step-content .alert-info{
  background-color: rgba(74,162,217,.12) !important;
  border: 1px solid rgba(74,162,217,.28) !important;
  border-radius: 12px !important;
  color: var(--agis-text) !important;
}

#agis-admin-root #setup-step-content #crawl-warning .alert-warning{
  background-color: rgba(255,190,80,.14) !important;
  border: 1px solid rgba(255,190,80,.30) !important;
  border-radius: 12px !important;
  color: var(--agis-text) !important;
}

#agis-admin-root #setup-step-content #crawl-warning .fa-exclamation-triangle{
  color: rgba(255,190,80,.95) !important;
}

#agis-admin-root #setup-step-content #crawl-progress .fa-cogs{
  font-size: 22px !important;
}

#agis-admin-root #setup-step-content .crawler-url-feed{
  height: 120px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 2px;
}

#agis-admin-root #setup-step-content .crawler-url-row{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  line-height: 1.3;
  word-break: break-all;
  flex-shrink: 0;
}

#agis-admin-root #setup-step-content .crawler-url-current{
  color: rgba(255,255,255,.95);
}

#agis-admin-root #setup-step-content .crawler-url-row-complete{
  opacity: .5;
}

#agis-admin-root #setup-step-content .crawler-url-row-complete .fas{
  color: rgba(234,244,255,.75) !important;
  flex-shrink: 0;
}

/* Compact indexing progress (extract + Weaviate) while user continues setup */
#agis-admin-root .setup-indexing-progress{
  margin-top: 12px;
  padding: 10px 0 0;
}

#agis-admin-root .setup-indexing-progress-inner{
  background: rgba(74, 162, 217, 0.12);
  border: 1px solid rgba(74, 162, 217, 0.35);
  border-radius: 8px;
  padding: 10px 14px;
}

#agis-admin-root .setup-indexing-progress.is-complete .setup-indexing-progress-inner{
  background: rgba(118, 217, 73, 0.12);
  border-color: rgba(118, 217, 73, 0.4);
}

#agis-admin-root .setup-indexing-label{
  font-weight: 600;
  font-size: 13px;
  color: rgba(255,255,255,.95);
}

#agis-admin-root .setup-indexing-percent{
  font-size: 12px;
  color: rgba(255,255,255,.75);
}

#agis-admin-root .setup-indexing-bar{
  height: 8px;
  background: rgba(255,255,255,.12);
}

#agis-admin-root .setup-indexing-detail{
  margin-top: 6px;
  font-size: 12px;
  color: rgba(255,255,255,.7);
}

/* Step 3 upload wrapper: match setup wizard panel style */
#agis-admin-root #setup-step-content #upload-container-wrapper{
  background-color: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 12px !important;
  color: var(--agis-text) !important;
  padding: 14px !important;
}

/* Step 5 compact appearance editor */
#agis-admin-root #setup-step-content #setup-appearance-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px 12px;
}

#agis-admin-root #setup-step-content #setup-appearance-grid .setup-appearance-group-title{
  grid-column: 1 / -1;
  margin: 4px 0 2px;
  font-size: 13px;
  font-weight: 700;
  color: var(--agis-muted);
  text-transform: uppercase;
  letter-spacing: .03em;
}

#agis-admin-root #setup-step-content #setup-appearance-grid .mb-3,
#agis-admin-root #setup-step-content #setup-appearance-grid .form-check{
  margin-bottom: 0 !important;
}

#agis-admin-root #setup-step-content #setup-appearance-grid .form-label{
  margin-bottom: 4px;
  font-size: 13px;
}

#agis-admin-root #setup-step-content #setup-appearance-grid .form-control{
  min-height: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
}

#agis-admin-root #setup-step-content #setup-appearance-grid .form-control-color{
  width: 48px;
  min-height: 34px;
  padding: 4px;
}

#agis-admin-root #setup-step-content #setup-appearance-grid .form-check-input{
  margin-top: 0.2rem;
}

/* Step 6 compact behavior editor */
#agis-admin-root #setup-step-content #setup-behavior-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px 12px;
}

#agis-admin-root #setup-step-content #setup-behavior-grid .setup-behavior-group-title{
  grid-column: 1 / -1;
  margin: 4px 0 2px;
  font-size: 13px;
  font-weight: 700;
  color: var(--agis-muted);
  text-transform: uppercase;
  letter-spacing: .03em;
}

#agis-admin-root #setup-step-content #setup-behavior-grid .setup-behavior-icon-block{
  grid-column: 1 / -1;
}

#agis-admin-root #setup-step-content #setup-behavior-grid .mb-3,
#agis-admin-root #setup-step-content #setup-behavior-grid .form-check{
  margin-bottom: 0 !important;
}

#agis-admin-root #setup-step-content #setup-behavior-grid .form-label{
  margin-bottom: 4px;
  font-size: 13px;
}

#agis-admin-root #setup-step-content #setup-behavior-grid .form-control,
#agis-admin-root #setup-step-content #setup-behavior-grid .form-select{
  min-height: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
}

#agis-admin-root #setup-step-content #setup-behavior-grid .form-check-input{
  margin-top: 0.2rem;
}

/* Step 8 completion panel */
#agis-admin-root #setup-step-content .completion-summary{
  background-color: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 12px !important;
  color: var(--agis-text) !important;
  padding: 14px !important;
}

#agis-admin-root #setup-step-content .completion-summary h5{
  margin-bottom: 10px;
}

#agis-admin-root #setup-step-content .completion-summary .list-unstyled{
  margin-bottom: 0;
}

#agis-admin-root #setup-step-content .completion-summary .list-unstyled li{
  color: var(--agis-text) !important;
}

#agis-admin-root #setup-step-content .completion-summary .btn-lg{
  min-height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* Step 7 regression question list: dark theme */
#agis-admin-root #setup-step-content #regression-questions-list .list-group{
  gap: 6px;
}

#agis-admin-root #setup-step-content #regression-questions-list .list-group-item{
  background-color: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: var(--agis-text) !important;
  border-radius: 10px !important;
  padding: 8px 10px;
  gap: 10px;
}

#agis-admin-root #setup-step-content #regression-questions-list .list-group-item p{
  color: var(--agis-text) !important;
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

#agis-admin-root #setup-step-content #regression-questions-list .btn-outline-danger{
  border-color: rgba(255,107,107,.45) !important;
  color: #ff8a8a !important;
  flex-shrink: 0;
}

#agis-admin-root #setup-step-content #regression-questions-list .btn-outline-danger:hover:not(:disabled){
  background-color: rgba(255,107,107,.18) !important;
  border-color: rgba(255,107,107,.7) !important;
  color: #ffd3d3 !important;
}

#agis-admin-root #content-area .setup-live-success{
  background-color: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  color: var(--agis-text);
}

#agis-admin-root #content-area .setup-live-success-icon{
  color: #62d5a2;
}

#agis-admin-root #content-area .setup-live-success-title{
  color: #7be0b3;
  margin-bottom: 8px;
}

#agis-admin-root #content-area .setup-live-success .lead{
  color: var(--agis-text) !important;
}

#agis-admin-root #content-area .setup-live-success-alert{
  background-color: rgba(25,135,84,.14) !important;
  border: 1px solid rgba(25,135,84,.35) !important;
  color: #d8f4e7 !important;
}

#agis-admin-root #content-area .setup-live-success-alert h5,
#agis-admin-root #content-area .setup-live-success-alert p,
#agis-admin-root #content-area .setup-live-success-alert strong,
#agis-admin-root #content-area .setup-live-success-alert .fas{
  color: inherit !important;
}

/* Setup wizard nav actions: clean back + solid next */
#agis-admin-root .setup-wizard-topnav #setup-back-btn{
  min-width: 120px !important;
  height: 40px;
  border-radius: 8px !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.76) !important;
  font-weight: 600 !important;
  padding: 6px 10px !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

#agis-admin-root .setup-wizard-topnav #setup-back-btn:hover:not(:disabled){
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.28) !important;
  color: rgba(255,255,255,.92) !important;
}

#agis-admin-root .setup-wizard-topnav #setup-next-btn{
  min-width: 120px !important;
  height: 40px;
  border-radius: 8px !important;
  background: rgba(74,162,217,.92) !important;
  border: 1px solid rgba(74,162,217,1) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  padding: 6px 10px !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

#agis-admin-root .setup-wizard-topnav #setup-next-btn .fas{
  color: inherit !important;
}

#agis-admin-root .setup-wizard-topnav #setup-next-btn:hover:not(:disabled){
  background: rgba(74,162,217,1) !important;
  border-color: rgba(118,217,73,.55) !important;
}

#agis-admin-root .setup-wizard-topnav #setup-back-btn:disabled{
  opacity: .45 !important;
}

#agis-admin-root .setup-progress-list .step-title{
  font-size: 14px;
}

@media (max-width: 1024px){
  #agis-admin-root .setup-progress-col,
  #agis-admin-root .setup-main-col{
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  #agis-admin-root #setup-progress-desktop-host{
    display: none !important;
  }

  #agis-admin-root #setup-progress-mobile-host{
    display: block;
  }

  #agis-admin-root .setup-sidebar{
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.10);
    padding: 8px 10px;
    border-radius: 10px;
  }

  #agis-admin-root .setup-progress-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px;
    width: 100%;
    margin-bottom: 6px;
    padding-left: 0;
  }

  #agis-admin-root .setup-progress-list .setup-step{
    flex: 0 0 auto;
    min-width: auto;
    padding: 0 !important;
    margin: 0 10px .25rem 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  #agis-admin-root .setup-progress-list .setup-step .step-title{
    font-size: 14px !important;
    line-height: 1.25;
  }

  #agis-admin-root .setup-progress-list .setup-step.active .step-title{
    color: #eaf4ff !important;
    text-decoration: underline;
    text-decoration-color: rgba(118,217,73,.9);
    text-underline-offset: 3px;
  }

  #agis-admin-root .setup-progress-list .setup-step.completed .step-title{
    color: #d7f2c9 !important;
  }
}

@media (min-width: 1025px){
  #agis-admin-root #setup-progress-mobile-host{
    display: none !important;
  }

  #agis-admin-root #setup-progress-desktop-host{
    display: block;
  }
}

/* ===== Domains list (SaaS table/hybrid) ===== */
#agis-admin-root #main-contents .agis-domains{
  width: 100%;
  overflow: visible;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#agis-admin-root #main-contents .agis-domains-toolbar{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  width: 100%;
}

#agis-admin-root #main-contents .agis-domains-list{
  display: flex;
  flex-direction: column;
  gap: 0;
}

#agis-admin-root #main-contents .agis-domains-search{
  flex: 1 1 300px;
  min-width: 240px;
  max-width: none;
}

#agis-admin-root #main-contents .agis-domains-filter{
  flex: 0 1 168px;
  width: 168px;
  min-width: 150px;
  max-width: 190px;
  height: 40px;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.9) !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

#agis-admin-root #main-contents .agis-domains-search .form-control{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: var(--agis-text) !important;
  border-radius: 10px !important;
  min-height: 40px;
  box-shadow: none !important;
}

#agis-admin-root #main-contents .agis-domains-search .form-control::placeholder{
  color: rgba(255,255,255,.45) !important;
}

#agis-admin-root #main-contents .agis-domains-search .form-control:focus,
#agis-admin-root #main-contents .agis-domains-filter:focus{
  border-color: rgba(118,217,73,.45) !important;
  box-shadow: 0 0 0 2px rgba(118,217,73,.16) !important;
  outline: none;
}

#agis-admin-root #main-contents .agis-domains-panel{
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  overflow: visible;
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
}

#agis-admin-root #main-contents .agis-domains-table-head{
  display: grid;
  grid-template-columns: minmax(180px, 1.55fr) minmax(90px, 0.65fr) 92px 72px 80px 24rem;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.5);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#agis-admin-root #main-contents .agis-domains-footer{
  padding: 10px 16px;
  border-top: 1px solid rgba(255,255,255,.06);
  color: rgba(255,255,255,.55);
  font-size: 12px;
}

#agis-admin-root #main-contents .agis-domain-group{
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  overflow: visible;
  position: relative;
}

#agis-admin-root #main-contents .agis-domain-group:has(.agis-more-wrap.is-open){
  z-index: 30;
}

#agis-admin-root #main-contents .agis-domain-group-header{
  display: none;
}

#agis-admin-root #main-contents .agis-domain-group-label{
  color: rgba(234,244,255,.62);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
}

#agis-admin-root #main-contents .agis-domain-group-name{
  font-weight: 700;
  font-size: 13px;
  color: rgba(255,255,255,.92);
}

#agis-admin-root #main-contents .agis-domain-rows{
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: visible;
}

#agis-admin-root #main-contents .agis-domain-row{
  position: relative;
  overflow: visible;
  padding: 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: transparent;
}

/* Structural alternating rows only — not status semantics */
#agis-admin-root #main-contents .agis-domains-list > .agis-domain-row:nth-child(even){
  background: rgba(255,255,255,.016);
}

#agis-admin-root #main-contents .agis-domain-row:last-child{
  border-bottom: 0;
}

#agis-admin-root #main-contents .agis-domain-row:hover{
  background: rgba(118, 217, 73, .045);
}

#agis-admin-root #main-contents .agis-domain-row:has(.agis-more-wrap.is-open){
  z-index: 31;
}

#agis-admin-root #main-contents .agis-domain-row-main,
#agis-admin-root #main-contents .agis-domain-row-grid{
  display: grid;
  grid-template-columns: minmax(180px, 1.55fr) minmax(90px, 0.65fr) 92px 72px 80px 24rem;
  gap: 12px;
  align-items: center;
  padding: 12px 16px;
  min-height: 56px;
}

#agis-admin-root #main-contents .agis-domains-table-head > span:nth-child(5){
  text-align: center;
}

#agis-admin-root #main-contents .agis-col-chats{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

#agis-admin-root #main-contents .agis-col-domain{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

#agis-admin-root #main-contents .agis-domain-avatar{
  width: 36px;
  height: 36px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  overflow: hidden;
  box-sizing: border-box;
}

#agis-admin-root #main-contents .agis-domain-avatar-image{
  background: #f3f5f7;
  border: 1px solid rgba(15, 23, 32, .12);
  padding: 4px;
}

#agis-admin-root #main-contents .agis-domain-avatar-fallback{
  background: rgba(118,217,73,.14);
  border: 1px solid rgba(118,217,73,.28);
  color: #dfffcf;
}

#agis-admin-root #main-contents .agis-domain-avatar-img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

#agis-admin-root #main-contents .agis-domain-row-meta{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  min-width: 0;
  flex: 1 1 auto;
}

#agis-admin-root #main-contents .agis-domain-name-line{
  color: rgba(255,255,255,.98);
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  word-break: break-word;
}

#agis-admin-root #main-contents .agis-domain-account{
  color: rgba(255,255,255,.64);
  font-size: 12px;
  font-weight: 550;
}

#agis-admin-root #main-contents .agis-domain-meta-badges{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

#agis-admin-root #main-contents .domain-page-count{
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 550;
  color: rgba(255,255,255,.66);
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

#agis-admin-root #main-contents .domain-chat-count,
#agis-admin-root #main-contents .agis-chat-count-btn{
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,.9);
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  font-family: inherit;
  line-height: 1.2;
  cursor: pointer;
  text-decoration: none;
}

#agis-admin-root #main-contents .agis-chat-count-btn:hover,
#agis-admin-root #main-contents .agis-chat-count-btn:focus-visible{
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#agis-admin-root #main-contents .agis-page-count-empty{
  color: rgba(255,255,255,.38);
}

#agis-admin-root #main-contents .agis-status-badge,
#agis-admin-root #main-contents .domain-status-badge{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  font-size: 11px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: .02em;
  color: rgba(255,255,255,.9);
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  padding: 3px 9px;
}

#agis-admin-root #main-contents .agis-status-badge.agis-status-live{
  background: rgba(118,217,73,.18);
  border-color: rgba(118,217,73,.42);
  color: #e9ffe0;
}

#agis-admin-root #main-contents .agis-status-badge.agis-status-offline{
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.14);
  color: rgba(255,255,255,.68);
}

#agis-admin-root #main-contents .agis-domain-row-meta .agis-domain-license-badge,
#agis-admin-root #main-contents .agis-col-domain .agis-domain-license-badge{
  display: none !important;
}

#agis-admin-root #main-contents .agis-domain-license-badge.agis-license-badge-active,
#agis-admin-root #main-contents .agis-domain-row.agis-license-active .agis-domain-license-badge{
  background: rgba(118, 217, 73, 0.22) !important;
  border-color: rgba(118, 217, 73, 0.5) !important;
  color: #ebffe3 !important;
}

#agis-admin-root #main-contents .agis-domain-actions,
#agis-admin-root #main-contents .agis-col-actions{
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  flex: 0 1 auto;
}

#agis-admin-root #main-contents .agis-domain-actions-group{
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
}

#agis-admin-root #main-contents .agis-domain-actions-group-primary{
  display: grid;
  grid-template-columns: 4.5rem 5rem 8rem 4.5rem;
  gap: 6px;
  align-items: center;
  justify-content: start;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
}

#agis-admin-root #main-contents .agis-domain-actions-group-primary > .agis-domain-action-btn,
#agis-admin-root #main-contents .agis-domain-actions-group-primary > .agis-more-wrap{
  width: 100%;
  min-width: 0;
}

#agis-admin-root #main-contents .agis-domain-actions-group-primary > .agis-more-wrap .agis-more-btn{
  width: 100%;
}

#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-state{
  width: 100%;
  white-space: nowrap;
}

#agis-admin-root #main-contents .agis-domain-actions-group-state{
  padding-left: 0;
}

#agis-admin-root #main-contents .agis-domain-action-btn{
  border-radius: 8px !important;
  min-height: 30px;
  min-width: 0;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap;
}

#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-primary{
  background: rgba(74,162,217,.92) !important;
  border-color: rgba(74,162,217,1) !important;
  color: #ffffff !important;
}

#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-primary:hover{
  background: rgba(74,162,217,1) !important;
  border-color: rgba(118,217,73,.55) !important;
}

#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-secondary{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.9) !important;
}

#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-secondary:hover,
#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-secondary:focus{
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.28) !important;
  outline: none;
}

#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-danger{
  background: rgba(255,107,107,.2) !important;
  border-color: rgba(255,107,107,.46) !important;
  color: #ffd5d5 !important;
}

#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-danger:hover{
  background: rgba(255,107,107,.3) !important;
  border-color: rgba(255,107,107,.72) !important;
  color: #ffffff !important;
}

/* Live = green; Offline (Go Live) = muted inactive */
#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-state.agis-live-online,
#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-state[data-published-status="take-offline"]{
  background: rgba(118,217,73,.22) !important;
  border-color: rgba(118,217,73,.48) !important;
  color: #f3ffe9 !important;
}

#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-state.agis-live-online:hover,
#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-state[data-published-status="take-offline"]:hover{
  background: rgba(118,217,73,.34) !important;
  border-color: rgba(118,217,73,.7) !important;
}

#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-state.agis-live-offline,
#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-state[data-published-status="go-live"]{
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: rgba(255,255,255,.78) !important;
}

#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-state.agis-live-offline:hover,
#agis-admin-root #main-contents .agis-domain-action-btn.agis-action-state[data-published-status="go-live"]:hover{
  background: rgba(118,217,73,.16) !important;
  border-color: rgba(118,217,73,.4) !important;
  color: #f3ffe9 !important;
}

#agis-admin-root #main-contents .agis-more-wrap{
  position: relative;
  display: inline-flex;
  z-index: 1;
}

#agis-admin-root #main-contents .agis-more-wrap.is-open{
  z-index: 32;
}

#agis-admin-root #main-contents .agis-more-menu{
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 33;
  min-width: 200px;
  padding: 6px;
  border-radius: 10px;
  background: #1a222c;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 10px 28px rgba(0,0,0,.45);
  display: flex;
  flex-direction: column;
  gap: 2px;
}

#agis-admin-root #main-contents .agis-more-menu[hidden]{
  display: none !important;
}

#agis-admin-root #main-contents .agis-more-item{
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.92);
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 10px;
  border-radius: 7px;
  cursor: pointer;
}

#agis-admin-root #main-contents .agis-more-item:hover,
#agis-admin-root #main-contents .agis-more-item:focus{
  background: rgba(74,162,217,.22);
  outline: none;
}

#agis-admin-root #main-contents .agis-more-sep{
  height: 1px;
  margin: 4px 6px;
  background: rgba(255,255,255,.12);
}

#agis-admin-root #main-contents .agis-more-item-danger{
  color: #ffb4b4 !important;
  margin-top: 0;
}

#agis-admin-root #main-contents .agis-more-item-danger:hover,
#agis-admin-root #main-contents .agis-more-item-danger:focus{
  background: rgba(255,107,107,.22) !important;
  color: #ffe0e0 !important;
}

#agis-admin-root #main-contents .agis-recrawl-progress{
  margin: 0 16px 12px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(74,162,217,.1);
  border: 1px solid rgba(74,162,217,.28);
  max-width: 100%;
  width: auto;
  text-align: left;
  box-sizing: border-box;
}

#agis-admin-root #main-contents .agis-recrawl-progress[hidden]{
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#agis-admin-root #main-contents .agis-recrawl-progress.is-complete{
  background: rgba(118,217,73,.12);
  border-color: rgba(118,217,73,.35);
}

#agis-admin-root #main-contents .agis-recrawl-progress.is-failed{
  background: rgba(255,107,107,.12);
  border-color: rgba(255,107,107,.4);
}

#agis-admin-root #main-contents .agis-recrawl-title{
  font-size: 12px;
  font-weight: 700;
  color: #e8f4ff;
  margin-bottom: 6px;
}

#agis-admin-root #main-contents .agis-recrawl-bar-row{
  display: flex;
  align-items: center;
  gap: 10px;
}

#agis-admin-root #main-contents .agis-recrawl-bar{
  flex: 1;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  overflow: hidden;
}

#agis-admin-root #main-contents .agis-recrawl-bar-fill{
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(74,162,217,.95), rgba(118,217,73,.85));
  transition: width .25s ease;
}

#agis-admin-root #main-contents .agis-recrawl-pct{
  font-size: 12px;
  font-weight: 700;
  color: #d8ebfb;
  min-width: 3.2rem;
  text-align: right;
}

#agis-admin-root #main-contents .agis-recrawl-counts,
#agis-admin-root #main-contents .agis-recrawl-elapsed,
#agis-admin-root #main-contents .agis-recrawl-fail-msg{
  margin-top: 6px;
  font-size: 11px;
  color: rgba(216,235,251,.88);
}

#agis-admin-root #main-contents .agis-recrawl-url{
  margin-top: 4px;
  font-size: 11px;
  color: rgba(216,235,251,.72);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

#agis-admin-root #main-contents .agis-domains-empty{
  margin: 12px;
  background: rgba(74,162,217,.14) !important;
  border: 1px solid rgba(74,162,217,.35) !important;
  color: #d8ebfb !important;
  border-radius: 10px;
}

@media (max-width: 1100px){
  #agis-admin-root #main-contents .agis-domains-table-head{
    display: none;
  }
  #agis-admin-root #main-contents .agis-domain-row-main,
  #agis-admin-root #main-contents .agis-domain-row-grid{
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: start;
  }
  #agis-admin-root #main-contents .agis-domain-actions,
  #agis-admin-root #main-contents .agis-col-actions{
    width: 100%;
    justify-content: flex-start;
  }
  #agis-admin-root #main-contents .agis-domain-actions-group-primary{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
  }
  #agis-admin-root #main-contents .agis-domain-actions-group-primary > .agis-domain-action-btn,
  #agis-admin-root #main-contents .agis-domain-actions-group-primary > .agis-more-wrap{
    width: auto;
  }
  #agis-admin-root #main-contents .agis-domain-action-btn.agis-action-state{
    min-width: 8rem;
    width: auto;
  }
  #agis-admin-root #main-contents .agis-more-menu{
    right: auto;
    left: 0;
  }
  #agis-admin-root #main-contents .agis-col-account::before,
  #agis-admin-root #main-contents .agis-col-status::before,
  #agis-admin-root #main-contents .agis-col-pages::before,
  #agis-admin-root #main-contents .agis-col-chats::before{
    display: inline-block;
    min-width: 70px;
    margin-right: 8px;
    color: rgba(255,255,255,.45);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
  #agis-admin-root #main-contents .agis-col-account::before{ content: "Account"; }
  #agis-admin-root #main-contents .agis-col-status::before{ content: "Status"; }
  #agis-admin-root #main-contents .agis-col-pages::before{ content: "Pages"; }
  #agis-admin-root #main-contents .agis-col-chats::before{ content: "Chats"; }
}

/* ===== AGIS CHAT LAYOUT UTILITIES ===== */
#agis-chat-root .agis-d-flex { display: flex; }
#agis-chat-root .agis-justify-content-between { justify-content: space-between; }
#agis-chat-root .agis-justify-content-end { justify-content: flex-end; }
#agis-chat-root .agis-justify-content-start { justify-content: flex-start; }
#agis-chat-root .agis-align-items-center { align-items: center; }
#agis-chat-root .agis-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
#agis-chat-root .agis-btn-group { display: inline-flex; gap: 4px; }
#agis-chat-root .agis-input-group { display: flex; gap: 8px; align-items: center; }
#agis-chat-root .agis-text-right { text-align: right; }
#agis-chat-root .agis-text-left { text-align: left; }
#agis-chat-root .agis-text-center { text-align: center; }
#agis-chat-root .agis-text-muted { color: var(--agis-muted) !important; }
#agis-chat-root .agis-card-header { padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,.1); }
#agis-chat-root .agis-card-body { padding: 16px; flex: 1; }
#agis-chat-root .agis-card-footer { padding: 12px 16px; border-top: 1px solid rgba(255,255,255,.1); }
#agis-chat-root .agis-form-control { flex: 1; padding: 8px 12px; border-radius: 8px; }
#agis-chat-root #chatInput:focus { outline: none; box-shadow: none; }
#agis-chat-root #sendMessageBtn { border: none !important; box-shadow: none !important; }
#agis-chat-root #sendMessageBtn:hover { box-shadow: none !important; }
#agis-chat-root .agis-btn-sm { padding: 4px 12px !important; font-size: 12px !important; }

/* Chat header maximize / close — consistent tap target */
#agis-chat-root .agis-chat-header-control,
#agis-chat-root #enlargeModeBtn,
#agis-chat-root #closeChatBtn{
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  margin: 0 2px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

/* ===== Changelog page ============================================== */
#agis-admin-root .agis-changelog{
  max-width: 920px;
  margin: 12px auto 56px;
  padding: 0 16px;
  color: var(--agis-text);
}

#agis-admin-root .agis-changelog-header{
  padding: 28px 28px 24px;
  background: linear-gradient(180deg, rgba(74,162,217,.12), rgba(118,217,73,.06));
  border: 1px solid var(--agis-border);
  border-radius: var(--agis-rLG);
  margin-bottom: 20px;
}

#agis-admin-root .agis-changelog-eyebrow{
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  font-weight: 700;
  color: var(--agis-brand) !important;
  margin: 0 0 8px;
}

#agis-admin-root .agis-changelog-title{
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 6px;
  color: var(--agis-text);
  line-height: 1.2;
}

#agis-admin-root .agis-changelog-period{
  margin: 0 0 14px;
  font-size: 14px;
  color: var(--agis-muted) !important;
}

#agis-admin-root .agis-changelog-lede{
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--agis-text) !important;
  max-width: 720px;
}

#agis-admin-root .agis-changelog-section{
  margin-bottom: 28px;
}

#agis-admin-root .agis-changelog-section-title{
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .01em;
  color: var(--agis-text);
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--agis-border);
}

#agis-admin-root .agis-changelog-highlights{
  background: var(--agis-panel);
  border: 1px solid var(--agis-border);
  border-radius: var(--agis-rLG);
  padding: 20px 24px;
}

#agis-admin-root .agis-changelog-highlights .agis-changelog-section-title{
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 10px;
}

#agis-admin-root .agis-changelog-highlights-list{
  list-style: none;
  padding: 0;
  margin: 0;
}

#agis-admin-root .agis-changelog-highlights-list li{
  position: relative;
  padding: 10px 0 10px 26px;
  border-top: 1px dashed rgba(255,255,255,.08);
  font-size: 14px;
  line-height: 1.6;
  color: var(--agis-text) !important;
}

#agis-admin-root .agis-changelog-highlights-list li:first-child{
  border-top: 0;
}

#agis-admin-root .agis-changelog-highlights-list li::before{
  content: "";
  position: absolute;
  left: 4px;
  top: 18px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--agis-brand);
  box-shadow: 0 0 0 3px rgba(118,217,73,.18);
}

#agis-admin-root .agis-changelog-timeline{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

#agis-admin-root .agis-changelog-entry{
  background: var(--agis-panel);
  border: 1px solid var(--agis-border);
  border-radius: var(--agis-rLG);
  padding: 18px 22px;
  transition: border-color .15s ease, transform .15s ease;
}

#agis-admin-root .agis-changelog-entry:hover{
  border-color: rgba(118,217,73,.35);
}

#agis-admin-root .agis-changelog-entry-header{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-bottom: 10px;
}

#agis-admin-root .agis-changelog-date{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(74,162,217,.16);
  color: #b9deff;
  white-space: nowrap;
}

#agis-admin-root .agis-changelog-entry-title{
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--agis-text);
  line-height: 1.35;
}

#agis-admin-root .agis-changelog-entry-list{
  margin: 0;
  padding-left: 22px;
  color: var(--agis-text);
}

#agis-admin-root .agis-changelog-entry-list li{
  font-size: 14px;
  line-height: 1.65;
  margin-bottom: 6px;
  color: var(--agis-text) !important;
}

#agis-admin-root .agis-changelog-entry-list li:last-child{
  margin-bottom: 0;
}

#agis-admin-root .agis-changelog-entry-list strong{
  color: #eaf4ff;
  font-weight: 700;
}

#agis-admin-root .agis-changelog-entry-list code{
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  padding: 1px 6px;
  border-radius: 6px;
  background: rgba(255,255,255,.08);
  color: var(--agis-text);
}

#agis-admin-root .agis-changelog-footer{
  margin-top: 28px;
  padding: 16px 20px;
  border: 1px dashed var(--agis-border);
  border-radius: var(--agis-rMD);
  background: rgba(255,255,255,.03);
  text-align: center;
}

#agis-admin-root .agis-changelog-footer p{
  margin: 0;
  font-size: 13px;
  color: var(--agis-muted) !important;
}

@media (max-width: 768px){
  #agis-admin-root .agis-changelog{ margin-top: 6px; padding: 0 10px; }
  #agis-admin-root .agis-changelog-header{ padding: 22px 18px 18px; }
  #agis-admin-root .agis-changelog-title{ font-size: 22px; }
  #agis-admin-root .agis-changelog-entry{ padding: 16px 16px; }
  #agis-admin-root .agis-changelog-highlights{ padding: 16px 18px; }
}