.contact-fab-lelai{ position:fixed; bottom:var(--lelai-bottom,30px); right:var(--lelai-right,30px); z-index:100000; }
.contact-fab-button-lelai{
  width:64px;height:64px;border:none;border-radius:50%;cursor:pointer;color:var(--lelai-fab-icon,#fff);
  background:var(--lelai-primary);display:flex;align-items:center;justify-content:center;font-size:28px;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
  transition:all .3s cubic-bezier(.4,0,.2,1); z-index:100001;
}
.contact-fab-button-lelai:hover{ background:var(--lelai-primary-hover); transform:scale(1.05) translateY(-2px); }


.contact-popup-lelai{
  position:fixed;
  bottom:calc(var(--lelai-bottom,30px) + 70px);
  right:var(--lelai-right,30px);

  width:clamp(320px, 32vw, 420px);

  max-height:calc(100vh - (var(--lelai-bottom,30px) + 90px));

  background:var(--lelai-popup-bg);
  border-radius:16px;
  box-shadow:0 25px 50px -12px rgba(0,0,0,.25);
  overflow:hidden;

  display:flex; flex-direction:column;

  z-index:100002;
  transform-origin:bottom right; transform:scale(.95) translateY(10px);
  opacity:0; visibility:hidden; transition:all .2s cubic-bezier(.4,0,.2,1);
}
.contact-popup-lelai.show-lelai{ transform:scale(1) translateY(0); opacity:1; visibility:visible; }

.popup-header-lelai{
  position:sticky; top:0; z-index:2;
  background:var(--lelai-primary);
  color:var(--lelai-header-text,#fff);
  padding:20px 56px 20px 24px;
}
.popup-header-lelai h3{ margin:0; font-size:18px; font-weight:600; color:var(--lelai-header-text,#fff); }
.popup-header-lelai p{ margin:4px 0 0; font-size:14px; opacity:.9; }
.popup-close-btn-lelai{
  position:absolute; top:50%; right:16px; transform:translateY(-50%);
  background:none;border:none;color:var(--lelai-header-text,#fff);font-size:20px;cursor:pointer;opacity:.9;
  transition:opacity .2s, transform .2s; z-index:3;
}
.popup-close-btn-lelai:hover{ opacity:1; transform:translateY(-50%) scale(1.1); }

.popup-content-lelai{
  flex:1 1 auto;
  overflow:auto;
  padding:8px;
  margin:0;
  min-height:0;
}
.popup-content-lelai ul{ list-style:none; padding:0; margin:0; }
.popup-content-lelai li{ margin:0; }
.channel-item-lelai{
  position:relative; display:flex; align-items:center; padding:12px; text-decoration:none;
  color:var(--lelai-text); border-radius:12px; border:1px solid transparent;
  transition:background-color .2s, border-color .2s;
}
.channel-item-lelai .contact-icon-lelai{
  width:48px;height:48px;border-radius:12px;background:var(--icon-bg,#4f46e5);
  color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; margin-right:16px;
}
.contact-info-lelai .title-lelai{ font-weight:600; font-size:16px; }
.contact-info-lelai .subtitle-lelai{ font-size:14px; color:var(--lelai-muted); }
.contact-info-lelai .action-lelai{ font-size:12px; color:var(--lelai-muted); font-weight:500; transition:color .2s; }
.hover-indicator-lelai{ position:absolute; right:16px; top:50%; transform:translateY(-50%); opacity:0; transition:.2s; }
.channel-item-lelai:hover{ background:var(--hover-bg,#eef2ff); border-color:var(--border,#e5e7eb); }
.channel-item-lelai:hover .action-lelai,
.channel-item-lelai:hover .hover-indicator-lelai{ color:var(--accent,#4f46e5); opacity:1; }
.popup-footer-lelai{
  position:sticky; bottom:0; z-index:2;
  background:var(--lelai-footer-bg);
  padding:16px 24px;
  font-size:13px; color:var(--lelai-muted);
  border-top:1px solid var(--lelai-border);
}
.popup-footer-lelai div{ display:flex; align-items:center; margin-bottom:8px; }
.popup-footer-lelai div:last-child{ margin-bottom:0; }
.popup-footer-lelai i{ margin-right:10px; width:16px; text-align:center; }

.contact-fab-lelai.is-open .contact-fab-button-lelai{ opacity:.75; pointer-events:none; }
.lelai-bottom-bar{
  position:fixed; left:0; right:0; bottom:0; height:64px; background:var(--lelai-bottom-bar-bg);
  display:none; border-top:1px solid var(--lelai-bottom-bar-border);
  box-shadow:0 -6px 24px rgba(0,0,0,.08);
  z-index:100003;
}
.lelai-tab{
  position:relative; flex:1; height:100%; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-decoration:none; color:var(--lelai-muted);
  font-size:12px; gap:4px;
}
.lelai-tab-icon i{ font-size:18px; }
.lelai-tab-underline{ position:absolute; top:0; left:0; right:0; height:3px; background:var(--lelai-underline); opacity:0; transition:opacity .2s; }
.lelai-tab.is-active{ color:var(--lelai-active-text,#111827); }
.lelai-tab.is-active .lelai-tab-underline{ opacity:1; }
.lelai-tab:active{ background:#f3f4f6; }

@media (max-width:768px){
  .contact-fab-lelai{ display:none; }
  .lelai-bottom-bar{ display:flex; }
}
@media (min-width:769px){
  .contact-popup-lelai{
    bottom: calc(var(--lelai-bottom,30px) + 64px);
    max-height: calc(100vh - (var(--lelai-bottom,30px) + 40px));
  }
}
@media (min-width:769px){
  body.admin-bar .contact-popup-lelai{
    max-height: calc(100vh - var(--wp-admin--admin-bar--height, 32px) - (var(--lelai-bottom,30px) + 40px));
  }
}