﻿/* 龍記 AI — 共用按鈕／flow actions base 樣式（button-common.js 配套） */
.lungkee-ai-chat__service-dock {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.lungkee-ai-chat__service-frame {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 8px;
 padding: 6px;
 border-radius: 16px;
 border: 1px solid rgba(26, 95, 74, 0.28);
 background: linear-gradient(168deg, rgba(255, 255, 255, 0.99), rgba(240, 253, 250, 0.94));
 box-shadow:
 0 2px 12px rgba(26, 95, 74, 0.08),
 inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.lungkee-ai-chat__service-btn {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 2px;
 min-height: 52px;
 padding: 8px 6px;
 border-radius: 12px;
 border: 1.5px solid rgba(15, 118, 110, 0.45);
 cursor: pointer;
 touch-action: manipulation;
 color: #fff;
 background: linear-gradient(155deg, #0f766e, #1a5f4a 58%, #14532d);
 box-shadow: 0 3px 12px rgba(26, 95, 74, 0.28);
 transition:
 transform 0.15s,
 box-shadow 0.15s,
 background 0.15s,
 border-color 0.15s;
}

.lungkee-ai-chat__service-btn-label {
 font-size: 14px;
 font-weight: 800;
 letter-spacing: 0.04em;
 line-height: 1.2;
}

.lungkee-ai-chat__service-btn-sub {
 font-size: 11px;
 font-weight: 600;
 letter-spacing: 0.02em;
 line-height: 1.25;
 color: rgba(236, 253, 245, 0.92);
}

.lungkee-ai-chat__mgmt-exit-row {
 display: flex;
 flex-direction: column;
 align-items: stretch;
 gap: 6px;
 justify-content: center;
 margin: 0;
 width: 100%;
}

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

.lungkee-ai-chat__mgmt-exit-btn {
 width: 100%;
 min-height: 44px;
 padding: 10px 16px;
 border-radius: 12px;
 border: 1.5px solid rgba(26, 95, 74, 0.45);
 background: #fff;
 color: #14532d;
 font-size: 14px;
 font-weight: 700;
 letter-spacing: 0.04em;
 cursor: pointer;
 touch-action: manipulation;
 transition:
 background 0.15s,
 border-color 0.15s,
 transform 0.15s;
}

.lungkee-ai-chat__mgmt-exit-btn:hover {
 background: rgba(236, 253, 245, 0.95);
 transform: translateY(-1px);
}

.lungkee-ai-chat__service-btn:hover {
 transform: translateY(-1px);
}

.lungkee-ai-chat__service-btn:active {
 transform: translateY(0);
}

.lungkee-ai-chat__service-dock[hidden] {
 display: none !important;
}

.lungkee-ai-chat__quick-btn {
 font-size: 12px;
 padding: 5px 10px;
 border-radius: 999px;
 border: 1px solid var(--lj-border);
 background: var(--lj-bg);
 color: var(--lj-primary);
 cursor: pointer;
 transition: background 0.2s, border-color 0.2s;
 touch-action: manipulation;
}

.lungkee-ai-chat__quick-btn:hover {
 background: rgba(26, 95, 74, 0.08);
 border-color: var(--lj-primary-light);
}

.lungkee-ai-chat__lookup-row {
 padding: 0 12px 8px;
}

.lungkee-ai-chat__lookup-btn {
 width: 100%;
 max-width: 100%;
 border-color: var(--lj-primary);
 font-weight: 600;
}

.lungkee-ai-chat__appt-actions {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 8px;
 margin-top: 12px;
 width: 100%;
 max-width: 100%;
}

.lungkee-ai-chat__appt-btn {
 min-height: 44px;
 font-size: 13px;
 font-weight: 700;
 padding: 10px 10px;
 border-radius: 12px;
 border: 1.5px solid var(--lj-primary);
 cursor: pointer;
 touch-action: manipulation;
 transition:
 background 0.2s,
 color 0.2s,
 transform 0.15s;
}

.lungkee-ai-chat__appt-btn:hover {
 transform: translateY(-1px);
}

.lungkee-ai-chat__appt-btn--edit {
 background: var(--lj-primary);
 color: #fff;
}

.lungkee-ai-chat__appt-btn--edit:hover {
 background: var(--lj-primary-light);
}

.lungkee-ai-chat__appt-btn--exit {
 background: var(--lj-bg);
 color: var(--lj-primary);
}

.lungkee-ai-chat__appt-btn--exit:hover {
 background: rgba(26, 95, 74, 0.08);
}

.lungkee-ai-chat__appt-actions:not(.lungkee-ai-chat__pics-actions) .lungkee-ai-chat__appt-btn--agree {
 background: var(--lj-primary);
 color: #fff;
 border-color: var(--lj-primary);
}

.lungkee-ai-chat__appt-actions:not(.lungkee-ai-chat__pics-actions) .lungkee-ai-chat__appt-btn--agree:hover {
 background: var(--lj-primary-dark, #154a3a);
}

.lungkee-ai-chat__appt-actions:not(.lungkee-ai-chat__pics-actions) .lungkee-ai-chat__appt-btn--disagree {
 background: #fff;
 color: #5c4033;
 border: 1px solid rgba(92, 64, 51, 0.35);
}

.lungkee-ai-chat__appt-actions:not(.lungkee-ai-chat__pics-actions) .lungkee-ai-chat__appt-btn--disagree:hover {
 background: rgba(92, 64, 51, 0.06);
}

.lungkee-ai-chat__wizard-actions {
 flex-wrap: wrap;
 max-width: 100%;
}

.lungkee-ai-chat__wizard-actions .lungkee-ai-chat__appt-btn {
 flex: 1 1 auto;
 min-width: 4.5rem;
}

.lungkee-ai-chat__wizard-actions .lungkee-ai-chat__appt-btn--back {
 flex: 1 1 100%;
 margin-top: 6px;
}

.lungkee-ai-chat__appt-btn--back[data-lj-back-bg] {
 background-color: var(--lj-wizard-back-bg) !important;
 background-image: var(--lj-wizard-back-bg-img, none) !important;
 color: var(--lj-wizard-back-text) !important;
}

.lungkee-ai-chat__pics-actions {
 flex-wrap: wrap;
}

@media (max-width: 1024px) {
 .lungkee-ai-chat__quick-btn {
 font-size: 13px;
 padding: 10px 14px;
 min-height: 44px;
 line-height: 1.25;
 -webkit-tap-highlight-color: transparent;
 }

 .lungkee-ai-chat__service-frame {
 gap: 6px;
 padding: 5px;
 border-radius: 14px;
 }

 .lungkee-ai-chat__service-btn {
 min-height: 48px;
 padding: 8px 4px;
 }

 .lungkee-ai-chat__service-btn-label {
 font-size: 13px;
 }

 .lungkee-ai-chat__service-btn-sub {
 font-size: 10px;
 }

 .lungkee-ai-chat__appt-actions {
 gap: 6px;
 }
}
