/* Agra FMD Bot — Joomla 3 System Plugin; styles scoped to the widget. */
#nw-agra-launcher, #nw-agra-panel, #nw-agra-panel * { box-sizing: border-box; }
#nw-agra-launcher {
  position: fixed !important;
  right: var(--nw-agra-right, 24px) !important;
  bottom: var(--nw-agra-bottom, 24px) !important;
  z-index: 2147483001 !important;
  display: flex; align-items: center; justify-content: center;
  width: var(--nw-agra-button, 72px); height: var(--nw-agra-button, 72px);
  padding: 0 !important; margin: 0 !important; border: 0 !important;
  border-radius: 50%; background: transparent !important; cursor: pointer;
  transition: transform .2s ease; line-height: 1;
  box-shadow: none !important;
}
#nw-agra-launcher:hover { transform: translateY(-3px); }
#nw-agra-launcher:focus { outline: 3px solid #168440; outline-offset: 3px; }
#nw-agra-launcher.nw-agra-hidden { display: none !important; }
#nw-agra-launcher img { display:block; width:100%; height:100%; object-fit:contain; border:0; }
#nw-agra-launcher img[hidden] { display:none; }
#nw-agra-launcher .nw-agra-fallback {
  display:none; width:64px; height:64px; padding:17px;
  border-radius:50%; background:#168440; color:white; box-shadow:0 8px 25px rgba(0,0,0,.2);
}
#nw-agra-launcher.nw-agra-no-image .nw-agra-fallback { display:block; }
#nw-agra-panel {
  position: fixed !important;
  bottom: var(--nw-agra-bottom, 24px) !important;
  right: var(--nw-agra-right, 24px) !important;
  z-index: 2147483002 !important;
  display: none; flex-direction: column; overflow: hidden;
  width: min(var(--nw-agra-width, 450px), calc(100vw - 32px));
  height: min(var(--nw-agra-height, 520px), calc(100vh - 48px));
  border-radius: 16px; background:#ededed;
  box-shadow:0 18px 40px rgba(0,0,0,.23);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  color:#232323; font-size:14px; line-height:normal;
}
#nw-agra-panel.nw-agra-open { display:flex; }
#nw-agra-panel .nw-agra-header {
  flex:0 0 56px; display:flex; justify-content:space-between; align-items:center;
  padding:0 14px 0 18px; color:white;
  background:linear-gradient(135deg,#47ad71,#1e8f4d,#006b30);
}
#nw-agra-panel .nw-agra-title { display:flex; align-items:center; gap:10px; font-size:16px; font-weight:600; }
#nw-agra-panel .nw-agra-controls { display:flex; gap:4px; }
#nw-agra-panel .nw-agra-control {
  appearance:none; border:0; padding:7px; min-width:34px; min-height:34px;
  color:inherit; background:transparent; cursor:pointer; border-radius:8px;
  display:flex; justify-content:center; align-items:center; line-height:1;
  box-shadow:none;
}
#nw-agra-panel .nw-agra-control:hover { background:rgba(255,255,255,.18); }
#nw-agra-panel .nw-agra-control:focus { outline:2px solid white; }
#nw-agra-panel .nw-agra-control svg,
#nw-agra-panel .nw-agra-title svg { display:block; width:20px; height:20px; }
#nw-agra-panel #nw-agra-webchat { min-height:0; flex:1; width:100%; background:#ededed; }
#nw-agra-panel #nw-agra-webchat > div { height:100%; }
#nw-agra-panel .nw-agra-message {
  padding:20px; font-size:14px; color:#333; background:#ededed; line-height:1.6;
}
#nw-agra-panel #nw-agra-webchat .webchat__basic-transcript__content {
  white-space:pre-wrap !important; word-break:break-word !important;
}
#nw-agra-panel #nw-agra-webchat .webchat__bubble__content { padding:8px 12px !important; }
#nw-agra-panel #nw-agra-webchat .webchat__bubble { max-width:85% !important; margin:8px !important; }
#nw-agra-panel #nw-agra-webchat .webchat__basic-transcript__content ul,
#nw-agra-panel #nw-agra-webchat .webchat__basic-transcript__content ol,
#nw-agra-panel #nw-agra-webchat .webchat__bubble__content ul,
#nw-agra-panel #nw-agra-webchat .webchat__bubble__content ol {
  padding-left:24px !important; margin:8px 0 !important; list-style-position:outside !important;
}
#nw-agra-panel #nw-agra-webchat .webchat__basic-transcript__content li,
#nw-agra-panel #nw-agra-webchat .webchat__bubble__content li {
  margin:4px 0 !important; padding-left:4px !important;
}
@media (max-width:640px) {
  #nw-agra-launcher { bottom:18px !important; right:18px !important; width:64px; height:64px; }
  #nw-agra-panel { top:0 !important; left:0 !important; bottom:0 !important; right:0 !important; width:100%; height:100vh; height:100dvh; border-radius:0; }
}
@media (prefers-reduced-motion:reduce) { #nw-agra-launcher { transition:none; } }