/**
 * Kashiwa WebMCP — สไตล์ขั้นต่ำ
 *
 * ทุกองค์ประกอบใช้ position:fixed หรือ outline เท่านั้น
 * จึงไม่ทำให้เกิด Cumulative Layout Shift
 */

.kashiwa-webmcp-live {
  position: fixed;
  z-index: 99999;
  right: 16px;
  bottom: 16px;
  max-width: min(320px, calc(100vw - 32px));
  padding: 10px 14px;
  border-radius: 8px;
  background: #1f2933;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.kashiwa-webmcp-live.is-visible {
  opacity: 1;
  visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
  .kashiwa-webmcp-live {
    transition: none;
  }
}

/* ตัวบ่งชี้ของ Declarative API — ต้องแยกบล็อกเพราะเบราว์เซอร์เก่าจะทิ้งทั้งกฎ */
form:tool-form-active {
  outline: 2px dashed #0b74de;
  outline-offset: 2px;
}

:tool-submit-active {
  outline: 2px dashed #d63638;
  outline-offset: 2px;
}