.auralis-hwt-btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:10px;
  border:1px solid #ddd;
  text-decoration:none;
  font-weight:600;
  cursor:pointer;
  background:#fff;
}
.auralis-hwt-btn--primary{
  background:#111;
  color:#fff;
  border-color:#111;
}
.auralis-hwt-note{
  font-size:12px;
  color:#555;
}

/* Modal */
.auralis-hwt-modal{ display:none; }
.auralis-hwt-modal.is-open{ display:block; }
.auralis-hwt-modal__backdrop{
  position:fixed; inset:0;
  background:rgba(0,0,0,.45);
  z-index:9998;
}
.auralis-hwt-modal__panel{
  position:fixed;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  width:min(520px, 92vw);
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  z-index:9999;
  border:1px solid #e5e5e5;
}
.auralis-hwt-modal__header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 14px;
  border-bottom:1px solid #eee;
}
.auralis-hwt-modal__close{
  border:0; background:transparent;
  font-size:22px; line-height:1;
  cursor:pointer;
}
.auralis-hwt-modal__body{
  padding:12px 14px;
}
.auralis-hwt-modal__input{
  width:100%;
  border:1px solid #ddd;
  border-radius:10px;
  padding:10px;
  font-size:14px;
}
.auralis-hwt-modal__footer{
  padding:12px 14px;
  border-top:1px solid #eee;
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

/* Floating button */
.auralis-hwt-fab{
  position:fixed;
  z-index:9997;
  padding:12px 14px;
  border-radius:999px;
  border:1px solid #ddd;
  text-decoration:none;
  font-weight:700;
  background:#fff;
  box-shadow:0 8px 26px rgba(0,0,0,.12);
}
.auralis-hwt-fab.bottom-right{ right:18px; bottom:18px; }
.auralis-hwt-fab.bottom-left{ left:18px; bottom:18px; }
.auralis-hwt-fab.top-right{ right:18px; top:18px; }
.auralis-hwt-fab.top-left{ left:18px; top:18px; }

.auralis-hwt-input{width:100%;margin-bottom:8px;padding:10px;border-radius:10px;border:1px solid #ddd;}