/* modules/chat-ozawa/chat-ozawa.css — 小沢ガーデン お問い合わせAI（緑×トマト） */
:root{
  --co-green:#1e5631; --co-green-deep:#163f24; --co-tomato:#d8453b;
  --co-paper:#f7f6f1; --co-cream:#efece1; --co-ink:#2a2a2a;
}

/* ---- FAB ---- */
.ld-chat-fab{
  position:fixed; right:24px; bottom:24px; z-index:8800;
  background:linear-gradient(135deg, var(--co-green) 0%, var(--co-tomato) 115%);
  color:#fff; border:none; border-radius:999px; padding:16px 26px; cursor:pointer;
  font-family:'Shippori Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;
  font-size:15px; letter-spacing:.06em; font-weight:500;
  display:inline-flex; gap:11px; align-items:center;
  box-shadow:0 14px 32px rgba(30,86,49,.34), 0 6px 14px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.2);
  transition:transform .25s ease, box-shadow .25s ease;
}
.ld-chat-fab::after{
  content:""; position:absolute; inset:0; border-radius:999px; pointer-events:none;
  box-shadow:0 0 0 0 rgba(216,69,59,.5); animation:co-pulse 2.6s ease-out infinite;
}
@keyframes co-pulse{0%{box-shadow:0 0 0 0 rgba(216,69,59,.5)}70%{box-shadow:0 0 0 16px rgba(216,69,59,0)}100%{box-shadow:0 0 0 0 rgba(216,69,59,0)}}
.ld-chat-fab:hover{transform:translateY(-3px); box-shadow:0 18px 38px rgba(30,86,49,.42), 0 8px 18px rgba(0,0,0,.28)}
.ld-chat-fab__icon{font-size:20px; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; background:rgba(255,255,255,.2); border-radius:50%}
.ld-chat-fab__label{white-space:nowrap}
.ld-chat-fab__hint{
  position:absolute; right:calc(100% + 12px); top:50%; transform:translateY(-50%);
  background:#fff; color:var(--co-green-deep); padding:8px 14px; border-radius:8px;
  font-size:12.5px; letter-spacing:.04em; white-space:nowrap; box-shadow:0 6px 18px rgba(0,0,0,.16);
  opacity:0; pointer-events:none; animation:co-hint 12s ease-in-out 4s 1 forwards;
  font-family:'Shippori Mincho','Noto Serif JP',serif;
}
.ld-chat-fab__hint::after{content:""; position:absolute; right:-5px; top:50%; transform:translateY(-50%) rotate(45deg); width:10px; height:10px; background:#fff}
@keyframes co-hint{0%{opacity:0;transform:translate(8px,-50%)}10%{opacity:1;transform:translate(0,-50%)}60%{opacity:1}72%,100%{opacity:0}}

/* ---- パネル（ld-shell modal の中身）---- */
.ld-chat-panel{display:flex; flex-direction:column; min-height:520px; flex:1; color:var(--co-ink);
  font-family:'Shippori Mincho','Hiragino Mincho ProN','Noto Serif JP',serif}
.ld-chat-panel__header{display:flex; align-items:center; gap:12px; padding-bottom:14px; border-bottom:1px solid rgba(0,0,0,.08); margin-bottom:12px}
.ld-chat-panel__brand{display:flex; align-items:center; gap:10px}
.ld-chat-avatar{width:38px; height:38px; flex:0 0 38px; border-radius:50%; background:linear-gradient(160deg,var(--co-cream),#e6dfca); display:inline-flex; align-items:center; justify-content:center; font-size:20px}
.ld-chat-panel__title{font-size:14.5px; font-weight:600; letter-spacing:.04em; color:var(--co-green-deep)}
.ld-chat-panel__note{background:rgba(216,69,59,.07); border-left:3px solid var(--co-tomato); color:#7a5a48; font-size:11.5px; line-height:1.6; padding:8px 12px; border-radius:4px; margin-bottom:12px; letter-spacing:.02em}
.ld-chat-panel__log{flex:1; overflow-y:auto; padding-right:6px; min-height:0}
.ld-chat-bubble{padding:11px 15px; border-radius:14px; margin-bottom:10px; max-width:92%; line-height:1.7; font-size:14px; white-space:pre-wrap; word-break:break-word}
.ld-chat-bubble--assistant{background:var(--co-cream); color:#33302a; border-bottom-left-radius:4px}
.ld-chat-bubble--user{background:var(--co-green); color:#fff; margin-left:auto; border-bottom-right-radius:4px}
.ld-chat-bubble--loading{opacity:.6; font-style:italic}
.ld-chat-suggest{display:flex; flex-wrap:wrap; gap:8px; margin:4px 0 8px}
.ld-chat-chip{background:#fff; border:1px solid rgba(30,86,49,.4); color:var(--co-green-deep); border-radius:999px; padding:8px 14px; font-size:12.5px; cursor:pointer; font-family:inherit; letter-spacing:.02em; transition:all .2s}
.ld-chat-chip:hover{background:var(--co-green); color:#fff; border-color:var(--co-green)}
.ld-chat-panel__form{display:flex; gap:8px; padding-top:12px; margin-top:12px; border-top:1px solid rgba(0,0,0,.08)}
.ld-chat-panel__input{flex:1; padding:11px 14px; border:1px solid rgba(0,0,0,.16); border-radius:6px; font-size:14px; font-family:inherit}
.ld-chat-panel__input:focus{outline:none; border-color:var(--co-green)}
.ld-chat-panel__send{padding:11px 22px; background:var(--co-green); color:#fff; border:none; border-radius:6px; cursor:pointer; font-family:inherit; font-size:14px; letter-spacing:.06em; transition:background .2s}
.ld-chat-panel__send:hover{background:var(--co-green-deep)}
.ld-chat-panel__send:disabled{opacity:.5; cursor:wait}

@media (max-width:760px){
  .ld-chat-fab{right:16px; bottom:16px; padding:12px 18px; font-size:14px}
  .ld-chat-fab__icon{width:26px; height:26px; font-size:18px}
  .ld-chat-panel{min-height:60vh}
}
@media (prefers-reduced-motion:reduce){
  .ld-chat-fab:hover{transform:none}
  .ld-chat-fab::after{animation:none; box-shadow:none}
  .ld-chat-fab__hint{animation:none; opacity:0}
}