﻿/* 龍記 AI — PICS / mgmt strip / booking·appointment header base */
.lungkee-ai-chat__mgmt-strip {
 display: flex;
 align-items: center;
 gap: 8px;
 padding: 0.5rem 0.85rem;
 font-size: 0.8rem;
 line-height: 1.35;
 color: #e0f2fe;
 background: linear-gradient(90deg, rgba(14, 116, 144, 0.55), rgba(30, 64, 175, 0.45));
 border-bottom: 2px solid rgba(56, 189, 248, 0.65);
 box-shadow: 0 4px 14px rgba(14, 165, 233, 0.2);
}

.lungkee-ai-chat__mgmt-strip[hidden] {
 display: none !important;
}

.lungkee-ai-chat__mgmt-strip.is-processing {
 background: linear-gradient(90deg, rgba(180, 83, 9, 0.45), rgba(14, 116, 144, 0.5));
 border-bottom-color: rgba(251, 191, 36, 0.7);
}

.lungkee-ai-chat__mgmt-pulse {
 width: 9px;
 height: 9px;
 border-radius: 50%;
 background: #38bdf8;
 box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.35);
 animation: lj-mgmt-pulse 1.1s ease-in-out infinite;
 flex-shrink: 0;
}

.lungkee-ai-chat__mgmt-strip.is-processing .lungkee-ai-chat__mgmt-pulse {
 background: #fbbf24;
 box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.4);
}

@keyframes lj-mgmt-pulse {
 0%,
 100% {
 opacity: 1;
 transform: scale(1);
 }
 50% {
 opacity: 0.55;
 transform: scale(1.2);
 }
}

.lungkee-ai-chat__mgmt-title {
 font-weight: 800;
 letter-spacing: 0.02em;
}

.lungkee-ai-chat__mgmt-sub {
 font-weight: 600;
 color: #bae6fd;
}

.lungkee-ai-chat[data-operator-group='booking'] .lungkee-ai-chat__header,
.lungkee-ai-chat[data-operator-group='appointment'] .lungkee-ai-chat__header {
  box-shadow:
    inset 0 -3px 0 rgba(56, 189, 248, 0.75),
    0 0 18px rgba(14, 165, 233, 0.22);
}
/* PICS 聲明卡（全端基礎；漂浮／現代主題另有覆寫） */
.lungkee-ai-chat__bubble--pics {
 padding: 0;
 overflow: hidden;
}

.lungkee-ai-chat__pics-statement {
 display: block;
 max-height: min(52vh, 420px);
 overflow-y: auto;
 padding: 12px 14px;
 font-size: 13px;
 line-height: 1.55;
 white-space: pre-wrap;
 word-break: break-word;
 color: var(--lj-text, #2c2419);
 -webkit-overflow-scrolling: touch;
}

.lungkee-ai-chat__pics-footer-hint {
 margin: 0;
 padding: 10px 12px;
 font-size: 13px;
 font-weight: 600;
 line-height: 1.45;
 text-align: center;
 color: #fff;
 background: var(--lj-pics-footer-bg, var(--lj-operator-accent, #c62828));
}

.lungkee-ai-chat__msg--bot[data-operator-group='booking']:not([data-booking-pics-statement='1'])
 .lungkee-ai-chat__bubble:not(.lungkee-ai-chat__bubble--pics):not(.lungkee-ai-chat__bubble--typing),
.lungkee-ai-chat__msg--bot[data-operator-group='appointment']:not([data-booking-pics-statement='1'])
 .lungkee-ai-chat__bubble:not(.lungkee-ai-chat__bubble--pics):not(.lungkee-ai-chat__bubble--typing) {
 color: var(--lj-message-bot-text, var(--lj-operator-bot-text, #c62828));
}

.lungkee-ai-chat__msg--bot[data-operator-group='booking'] .lungkee-ai-chat__bubble--stream,
.lungkee-ai-chat__msg--bot[data-operator-group='appointment'] .lungkee-ai-chat__bubble--stream {
  color: var(--lj-operator-bot-text, #c62828);
}

.lungkee-ai-chat__msg--bot[data-operator-group='booking'] .lungkee-ai-chat__bubble--stream::after,
.lungkee-ai-chat__msg--bot[data-operator-group='appointment'] .lungkee-ai-chat__bubble--stream::after {
  color: var(--lj-operator-bot-text, #c62828);
}

.lungkee-ai-chat__msg--bot[data-operator-group='booking'] .lungkee-ai-chat__typing-label,
.lungkee-ai-chat__msg--bot[data-operator-group='appointment'] .lungkee-ai-chat__typing-label {
  color: var(--lj-operator-bot-text, #c62828);
  font-weight: 600;
}

.lungkee-ai-chat__msg--bot[data-operator-group='booking'] .lungkee-ai-chat__typing-dots span,
.lungkee-ai-chat__msg--bot[data-operator-group='appointment'] .lungkee-ai-chat__typing-dots span {
  background: var(--lj-operator-bot-text, #c62828);
}

/* 維護套裝 PICS 聲明卡（原 booking-runtime inline #0a1020） */
.lungkee-ai-chat__pics-card--maint {
  background: #0a1020 !important;
  background-image: none !important;
}

/* PICS 同意／不同意 — var 消費層（preset UID + JS --lj-pics-*-bg/fg/edge 覆寫） */
.lungkee-ai-chat__pics-actions .lungkee-ai-chat__appt-btn--agree {
  background: var(--lj-pics-agree-bg) !important;
  background-image: var(--lj-pics-agree-bg-img, none) !important;
  color: var(--lj-pics-agree-fg) !important;
  border: var(--lj-pics-agree-edge) !important;
  border-radius: var(--lj-pics-agree-radius, 10px) !important;
  font-weight: var(--lj-pics-agree-weight, 700) !important;
}

.lungkee-ai-chat__pics-actions .lungkee-ai-chat__appt-btn--disagree {
  background: var(--lj-pics-disagree-bg) !important;
  background-image: var(--lj-pics-disagree-bg-img, none) !important;
  color: var(--lj-pics-disagree-fg) !important;
  border: var(--lj-pics-disagree-edge) !important;
  border-radius: var(--lj-pics-disagree-radius, 10px) !important;
  font-weight: var(--lj-pics-disagree-weight, 600) !important;
}

.is-pics-btn-style-modern_blue {
  --lj-pics-agree-bg: linear-gradient(145deg, #0c4a6e 0%, #0369a1 52%, #0284c7 100%);
  --lj-pics-agree-bg-img: none;
  --lj-pics-agree-fg: #ffffff;
  --lj-pics-agree-edge: 1px solid rgba(125, 211, 252, 0.45);
  --lj-pics-agree-radius: 10px;
  --lj-pics-agree-weight: 700;
  --lj-pics-disagree-bg: #1e293b;
  --lj-pics-disagree-bg-img: none;
  --lj-pics-disagree-fg: #e2e8f0;
  --lj-pics-disagree-edge: 1px solid rgba(148, 163, 184, 0.45);
  --lj-pics-disagree-radius: 10px;
  --lj-pics-disagree-weight: 600;
}

.is-pics-btn-style-classic_green {
  --lj-pics-agree-bg: #1a5f4a;
  --lj-pics-agree-bg-img: none;
  --lj-pics-agree-fg: #ffffff;
  --lj-pics-agree-edge: 1px solid #1a5f4a;
  --lj-pics-agree-radius: 8px;
  --lj-pics-agree-weight: 700;
  --lj-pics-disagree-bg: #ffffff;
  --lj-pics-disagree-bg-img: none;
  --lj-pics-disagree-fg: #5c4033;
  --lj-pics-disagree-edge: 1px solid rgba(92, 64, 51, 0.35);
  --lj-pics-disagree-radius: 8px;
  --lj-pics-disagree-weight: 600;
}

.is-pics-btn-style-sky_soft {
  --lj-pics-agree-bg: linear-gradient(155deg, #0284c7 0%, #38bdf8 100%);
  --lj-pics-agree-bg-img: none;
  --lj-pics-agree-fg: #ffffff;
  --lj-pics-agree-edge: 1px solid rgba(186, 230, 253, 0.8);
  --lj-pics-agree-radius: 12px;
  --lj-pics-agree-weight: 700;
  --lj-pics-disagree-bg: #f1f5f9;
  --lj-pics-disagree-bg-img: none;
  --lj-pics-disagree-fg: #334155;
  --lj-pics-disagree-edge: 1px solid #cbd5e1;
  --lj-pics-disagree-radius: 12px;
  --lj-pics-disagree-weight: 600;
}

.is-pics-btn-style-outline_green {
  --lj-pics-agree-bg: #ffffff;
  --lj-pics-agree-bg-img: none;
  --lj-pics-agree-fg: #1a5f4a;
  --lj-pics-agree-edge: 2px solid #1a5f4a;
  --lj-pics-agree-radius: 8px;
  --lj-pics-agree-weight: 800;
  --lj-pics-disagree-bg: #ffffff;
  --lj-pics-disagree-bg-img: none;
  --lj-pics-disagree-fg: #64748b;
  --lj-pics-disagree-edge: 2px solid #94a3b8;
  --lj-pics-disagree-radius: 8px;
  --lj-pics-disagree-weight: 700;
}

.is-pics-btn-style-gold_accent {
  --lj-pics-agree-bg: linear-gradient(180deg, #1a3348 0%, #0f1f33 100%);
  --lj-pics-agree-bg-img: none;
  --lj-pics-agree-fg: #fef3c7;
  --lj-pics-agree-edge: 1px solid rgba(201, 162, 39, 0.75);
  --lj-pics-agree-radius: 999px;
  --lj-pics-agree-weight: 700;
  --lj-pics-disagree-bg: transparent;
  --lj-pics-disagree-bg-img: none;
  --lj-pics-disagree-fg: #cbd5e1;
  --lj-pics-disagree-edge: 1px solid rgba(148, 163, 184, 0.55);
  --lj-pics-disagree-radius: 999px;
  --lj-pics-disagree-weight: 600;
}

.is-pics-btn-style-coral_warm {
  --lj-pics-agree-bg: linear-gradient(145deg, #c2410c 0%, #ea580c 55%, #f97316 100%);
  --lj-pics-agree-bg-img: none;
  --lj-pics-agree-fg: #ffffff;
  --lj-pics-agree-edge: 1px solid rgba(254, 215, 170, 0.65);
  --lj-pics-agree-radius: 10px;
  --lj-pics-agree-weight: 700;
  --lj-pics-disagree-bg: #fff7ed;
  --lj-pics-disagree-bg-img: none;
  --lj-pics-disagree-fg: #9a3412;
  --lj-pics-disagree-edge: 1px solid #fdba74;
  --lj-pics-disagree-radius: 10px;
  --lj-pics-disagree-weight: 600;
}

.is-pics-btn-style-minimal_flat {
  --lj-pics-agree-bg: #0f172a;
  --lj-pics-agree-bg-img: none;
  --lj-pics-agree-fg: #f8fafc;
  --lj-pics-agree-edge: 1px solid #0f172a;
  --lj-pics-agree-radius: 6px;
  --lj-pics-agree-weight: 600;
  --lj-pics-disagree-bg: #e2e8f0;
  --lj-pics-disagree-bg-img: none;
  --lj-pics-disagree-fg: #475569;
  --lj-pics-disagree-edge: 1px solid #cbd5e1;
  --lj-pics-disagree-radius: 6px;
  --lj-pics-disagree-weight: 600;
}

.is-pics-btn-style-dark_glass {
  --lj-pics-agree-bg: linear-gradient(145deg, rgba(14, 165, 233, 0.92) 0%, rgba(2, 132, 199, 0.88) 100%);
  --lj-pics-agree-bg-img: none;
  --lj-pics-agree-fg: #ffffff;
  --lj-pics-agree-edge: 1px solid rgba(125, 211, 252, 0.55);
  --lj-pics-agree-radius: 14px;
  --lj-pics-agree-weight: 700;
  --lj-pics-disagree-bg: rgba(15, 23, 42, 0.72);
  --lj-pics-disagree-bg-img: none;
  --lj-pics-disagree-fg: #e2e8f0;
  --lj-pics-disagree-edge: 1px solid rgba(148, 163, 184, 0.4);
  --lj-pics-disagree-radius: 14px;
  --lj-pics-disagree-weight: 600;
}
