/* =========================================
   Office Bridge - Base Styles
   JSが動的にUIを構築するため、ここでは
   共通リセットとJSが参照するクラスのみ定義
   ========================================= */

/* Reset & Base */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: #1a1a2e;
  color: #ecf0f1;
}

/* Jitsi IFrame */
#jitsi-video-container iframe {
  border: none !important;
  border-radius: 0 !important;
}

/* 通話ボタンのパルスアニメーション */
@keyframes talk-pulse {
  0%   { box-shadow: 0 0 0 0 currentColor; }
  70%  { box-shadow: 0 0 0 8px transparent; }
  100% { box-shadow: 0 0 0 0 transparent; }
}

.talk-active {
  animation: talk-pulse 1.5s ease-in-out infinite;
}

/* 通話ボタンホバー */
.talk-btn:hover {
  filter: brightness(1.15);
  transform: translateY(-1px);
}

.talk-btn:active {
  transform: translateY(0);
}

/* スクロールバー非表示（Chrome/Safari） */
::-webkit-scrollbar {
  display: none;
}