/* Admin */
.aip-lcb-panel .form-table th { width: 160px; vertical-align: top; padding-top: 12px; }
.aip-lcb-panel .description { color: #6b7280; margin-bottom: 12px; }

/* Frontend floating buttons */
.aip-lcb-floating { position: absolute; top: 12px; left: 12px; z-index: 99990; display: flex; gap: 8px; align-items: center; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial; }

.aip-lcb-btn {
  background: #fff;
  border: 1px solid #e6e7eb;
  padding: 6px 10px;
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(15,23,42,0.06);
  text-decoration: none;
  color: #111827;
  font-size: 13px;
  cursor: pointer;
}

.aip-lcb-group { position: relative; }
.aip-lcb-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 180px;
  display: none;
  flex-direction: column;
  gap: 6px;
  background: #fff;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
}
.aip-lcb-dropdown.aip-lcb-open { display: flex; }
.aip-lcb-sub { display:block; padding:8px; border-radius:6px; text-decoration:none; color:#111827; background:#f9fafb; border:1px solid #eee; cursor:pointer; font-size:13px; text-align:left; }
.aip-lcb-sub:hover { background:#fff; }
.aip-lcb-email { display:inline-block; white-space:nowrap; }

/* --- Existing styles remain --- */

/* Inline (header) variant */
.aipkit_chat_header .aip-lcb-inline {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  gap: 6px;
  font-size: 12px;
}

/* Ensure buttons look like subtle header links */
.aipkit_chat_header .aip-lcb-inline button,
.aipkit_chat_header .aip-lcb-inline a {
  font-weight: 500;
  padding: 2px 4px;
  border-radius: 4px;
  line-height: 1.2;
}

.aipkit_chat_header .aip-lcb-inline button:hover,
.aipkit_chat_header .aip-lcb-inline a:hover {
  background: rgba(0,0,0,0.07);
  text-decoration: none;
}

/* Position helpers if header not flex-adjusted */
.aip-lcb-pos-right { margin-left: auto; }
.aip-lcb-pos-left { margin-right: auto; }

/* If we appended directly and need push-right via flex spacer */
.aip-lcb-flex-spacer-right { margin-left: auto; }

/* Dropdown inside header */
.aipkit_chat_header .aip-lcb-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
}

/* Fallback overlay (absolute) */
.aip-lcb-overlay {
  position: absolute;
  z-index: 50;
  font-size: var(--aip-lcb-font-size,12px);
  font-family: inherit;
  background: var(--aip-lcb-bg,#fff);
  border: 1px solid var(--aip-lcb-border,#d7d7d7);
  border-radius: 4px;
  padding: 4px 8px;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  box-shadow: var(--aip-lcb-shadow,0 2px 8px rgba(0,0,0,0.08));
  line-height: 1.2;
}
.aip-lcb-overlay-right { top: 6px; right: 6px; left: auto; }
.aip-lcb-overlay-left { top: 6px; left: 6px; right: auto; }

/* Add header specific tiny tweaks (keep your existing content) */
.aip-lcb-inline .aip-lcb-live-toggle,
.aip-lcb-inline .aip-lcb-email-btn,
.aip-lcb-inline .aip-lcb-item {
  font-size:12px;
  background:none;
  border:none;
  color:#0d6efd;
  cursor:pointer;
}

.aip-lcb-inline .aip-lcb-email-btn { text-decoration:none; }

.aip-lcb-inline .aip-lcb-live-toggle:hover,
.aip-lcb-inline .aip-lcb-email-btn:hover { text-decoration:underline; }

.aip-lcb-menu {
  background:#fff;
  border:1px solid #ddd;
  padding:6px;
  border-radius:4px;
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:140px;
  box-shadow:0 4px 14px rgba(0,0,0,0.1);
}

.aip-lcb-item {
  background:#f5f6f7;
  border:1px solid #e2e3e5;
  border-radius:4px;
  padding:4px 6px;
  font-size:12px;
  text-align:left;
}

.aip-lcb-item:hover { background:#fff; }

.aip-lcb-overlay { font-size:12px; }

/* Header left zone container */
.aipkit_chat_header {
  position: relative;
  display: flex;
  align-items: center;
}
.aip-lcb-header-left-zone {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 12px;
}

/* Root UI group */
.aip-lcb-header-group {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
  font-size:12px;
}

/* Buttons / links */
.aip-lcb-hbtn {
  background: transparent;
  border: none;
  padding: 2px 6px;
  border-radius:4px;
  font-size:12px;
  cursor:pointer;
  color: var(--aip-lcb-link-color,#0d6efd);
  text-decoration:none;
  line-height:1.2;
}
.aip-lcb-hbtn:hover,
.aip-lcb-hbtn:focus {
  background: rgba(0,0,0,0.07);
  outline:none;
}

.aip-lcb-sep { opacity:0.6; font-size:12px; }

/* Dropdown */
.aip-lcb-hmenu {
  position:absolute;
  top:100%;
  left:0;
  margin-top:6px;
  background:#fff;
  border:1px solid #d8dbe0;
  border-radius:6px;
  box-shadow:0 6px 18px rgba(0,0,0,0.12);
  padding:6px;
  min-width:150px;
  display:flex;
  flex-direction:column;
  gap:4px;
  z-index:999;
}
.aip-lcb-hmenu[hidden]{ display:none !important; }

.aip-lcb-hitem {
  background:#f5f6f8;
  border:1px solid #e3e5e8;
  border-radius:4px;
  padding:5px 8px;
  font-size:12px;
  text-align:left;
  cursor:pointer;
  text-decoration:none;
  color:#111;
}
.aip-lcb-hitem:hover,
.aip-lcb-hitem:focus {
  background:#fff;
  outline:none;
}

/* Fallback overlay (if header not found) */
.aip-lcb-overlay {
  position:absolute;
  top:6px;
  left:6px;
  z-index:999;
  background:#fff;
  border:1px solid #d7d7d7;
  border-radius:4px;
  padding:4px 8px;
  font-size:12px;
  display:flex;
  gap:6px;
  box-shadow:0 2px 8px rgba(0,0,0,0.08);
}