/* QWERTZ Chat Widget styles (v1.3.3) — single column, stacked full-width buttons */
.qwertz-cw {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999999;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  color: #0f172a;
  padding-bottom: 28px; /* space for caption */
}

.qwertz-cw__fab {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 0;
  background: #2563eb;
  color: #fff;
  box-shadow: 0 10px 25px rgba(2,6,23,.25), 0 6px 12px rgba(2,6,23,.2);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
  margin: 0 auto;
}
.qwertz-cw__fab:hover { transform: translateY(-1px); }
.qwertz-cw__fab:focus { outline: 2px solid #93c5fd; outline-offset: 2px; }

.qwertz-cw__fab-label {
  display:block; margin-top:6px; text-align:center; font-size:12px; color:#334155;
  background:#f1f5f9; border:1px solid #e2e8f0; border-radius:999px; padding:4px 10px;
  width:max-content; max-width:90vw; margin-left:auto; margin-right:auto;
  box-shadow: 0 4px 12px rgba(2,6,23,.10); user-select:none;
}
.qwertz-cw--open .qwertz-cw__fab-label { display: none; }

.qwertz-cw__panel {
  width: min(380px, 92vw);
  max-height: 70vh;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(2,6,23,.25), 0 6px 16px rgba(2,6,23,.2);
  overflow: hidden auto;
  display: none;
  transform-origin: bottom right;
}

.qwertz-cw__header {
  display:flex; align-items:center; gap:8px;
  padding:14px 14px;
  background: #f1f5f9;
  border-bottom: 1px solid #e2e8f0;
  font-weight: 600;
}
.qwertz-cw__close { margin-left:auto; border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#0f172a; }

.qwertz-cw__body { padding: 16px; font-size: 14px; }
.qwertz-cw__body p { margin: 0 0 10px; color:#334155; }

/* Always single column */
.qwertz-cw__grid { display: grid; gap: 12px; grid-template-columns: 1fr; }

.qwertz-cw__group { padding: 12px; border:1px solid #e2e8f0; border-radius: 12px; background:#f8fafc; min-width:0; }

.qwertz-cw__row { display:flex; align-items:center; gap:8px; justify-content:space-between; margin-bottom:8px; }
.qwertz-cw__row--buttons {
  display:flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
}
.qwertz-cw__label { font-weight:600; color:#0f172a; }
.qwertz-cw__code {
  background:#fff; border:1px solid #e2e8f0; border-radius:8px; padding:6px 8px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  word-break: break-all; white-space: normal; width:100%;
}

/* Buttons forced 100% width & stacked */
.qwertz-cw .qwertz-cw__btn {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  border: 1px solid transparent !important;
  cursor:pointer !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.qwertz-cw .qwertz-cw__btn--primary { background:#2563eb; color:#fff; }
.qwertz-cw .qwertz-cw__btn--primary:hover { filter: brightness(1.05); }
.qwertz-cw .qwertz-cw__btn--muted { background:#f1f5f9; color:#0f172a; border-color:#e2e8f0; }
.qwertz-cw .qwertz-cw__btn--muted:hover { background:#e2e8f0; }

.qwertz-cw__dot { width:10px;height:10px;border-radius:50%;display:inline-block; }
.qwertz-cw__dot--green { background:#16a34a; }
.qwertz-cw__dot--red { background:#ef4444; }

@media (min-width: 768px) {
  .qwertz-cw--open .qwertz-cw__panel { display:block; animation: qz-pop .18s ease-out; }
  .qwertz-cw--open .qwertz-cw__fab { display:none; }
}
@media (max-width: 767.98px) {
  .qwertz-cw--open .qwertz-cw__panel { display:block; animation: qz-pop .18s ease-out; }
}

@keyframes qz-pop { from { opacity:0; transform: scale(.98); } to { opacity:1; transform: scale(1); } }