#inami-chat-bubble {
  position: fixed;
  bottom: 22px;
  right: 22px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #0b3d67;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  z-index: 999998;
  font-size: 26px;
  border: none;
  transition: transform .15s ease;
}
#inami-chat-bubble:hover { transform: scale(1.06); }
#inami-chat-bubble .unread-badge {
  position: absolute;
  top: -4px; right: -4px;
  background: #c0392b;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  border-radius: 50%;
  width: 20px; height: 20px;
  display: none;
  align-items: center; justify-content: center;
}

#inami-chat-window {
  position: fixed;
  bottom: 96px;
  right: 22px;
  width: 320px;
  max-width: 90vw;
  height: 440px;
  max-height: 74vh;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 40px rgba(0,0,0,0.3);
  display: none;
  flex-direction: column;
  overflow: hidden;
  z-index: 999999;
  font-family: 'Segoe UI', Arial, sans-serif;
}
#inami-chat-window.open { display: flex; }

#inami-chat-header {
  background: #0b3d67;
  color: #fff;
  padding: 13px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14.5px;
  font-weight: 700;
}
#inami-chat-header span.subtitle { display:block; font-size:11.5px; font-weight:400; opacity:.8; margin-top:2px; }
#inami-chat-close { background: none; border: none; color: #fff; font-size: 20px; cursor: pointer; line-height: 1; }

#inami-chat-body { flex: 1; overflow-y: auto; padding: 14px; background: #f4f7fa; }
#inami-chat-form-name { padding: 16px; display:flex; flex-direction:column; gap:10px; }
#inami-chat-form-name input {
  padding: 9px 11px; border: 1px solid #dfe4ea; border-radius: 7px; font-size: 13.5px;
}
#inami-chat-form-name button {
  background: #2596be; color:#fff; border:none; border-radius:7px; padding:9px; font-weight:700; cursor:pointer; font-size:13.5px;
}

.inami-msg { max-width: 82%; margin-bottom: 10px; padding: 8px 12px; border-radius: 12px; font-size: 13.5px; line-height: 1.4; }
.inami-msg-visitor { background: #2596be; color:#fff; margin-left:auto; border-bottom-right-radius:3px; }
.inami-msg-admin { background: #fff; border:1px solid #e2e6ec; margin-right:auto; border-bottom-left-radius:3px; }
.inami-msg-time { font-size:10px; opacity:.65; margin-top:3px; }

#inami-chat-input-row { display:flex; gap:8px; padding:10px; border-top:1px solid #e2e6ec; background:#fff; }
#inami-chat-input { flex:1; resize:none; border:1px solid #e2e6ec; border-radius:8px; padding:8px 10px; font-size:13.5px; font-family:inherit; }
#inami-chat-send { background:#0b3d67; color:#fff; border:none; border-radius:8px; padding:0 14px; cursor:pointer; font-weight:700; }

.inami-chat-empty { text-align:center; color:#9aa8b5; font-size:12.5px; margin-top:20px; }

@media (max-width: 480px) {
  #inami-chat-window { right: 10px; left: 10px; width: auto; bottom: 88px; }
  #inami-chat-bubble { right: 16px; bottom: 16px; }
}