/* "Build my order" chat inside the floating FAQ box. See inc/order-assistant-widget.php and assets/js/order-assistant.js. */

.tll-faq-widget-footer { display: flex; flex-direction: column; gap: 8px; }
.tll-oa-open-btn { background: #1a2f6b; color: #fff; border-color: #1a2f6b; }

#tll-faq-widget-order-view[hidden] { display: none; }
#tll-faq-widget-order-view { display: flex; flex-direction: column; flex: 1; min-height: 0; }

.tll-oa-body { padding: 8px 14px 0; flex-shrink: 0; }
.tll-oa-back { background: none; border: none; color: #1a2f6b; font-size: 12.5px; cursor: pointer; padding: 0; }

.tll-oa-log { overflow-y: auto; flex: 1; padding: 8px 14px; display: flex; flex-direction: column; gap: 8px; min-height: 180px; }
.tll-oa-msgrow { display: flex; }
.tll-oa-me { justify-content: flex-end; }
.tll-oa-bubble { max-width: 86%; padding: 8px 11px; border-radius: 12px; font-size: 13.5px; line-height: 1.45; white-space: pre-wrap; word-wrap: break-word; }
.tll-oa-bot .tll-oa-bubble { background: #f1f2f7; color: #161b2e; border-bottom-left-radius: 4px; }
.tll-oa-me .tll-oa-bubble { background: #1a2f6b; color: #fff; border-bottom-right-radius: 4px; }
.tll-oa-typing .tll-oa-bubble { color: #6a7186; font-style: italic; }

.tll-oa-form { display: flex; gap: 8px; align-items: flex-end; padding: 10px 14px 12px; border-top: 1px solid #eceef4; flex-shrink: 0; }
.tll-oa-input { flex: 1; resize: none; box-sizing: border-box; padding: 8px 10px; font-size: 14px; border: 1px solid #dbe0ee; border-radius: 8px; font-family: inherit; }
.tll-oa-input:focus { outline: none; border-color: #1a2f6b; }

.tll-oa-btn { border: 1px solid #1a2f6b; background: #fff; color: #1a2f6b; border-radius: 8px; padding: 8px 12px; font-size: 13.5px; font-weight: 600; cursor: pointer; text-decoration: none; display: inline-block; text-align: center; }
.tll-oa-btn-primary { background: #1a2f6b; color: #fff; }
.tll-oa-btn[disabled] { opacity: .55; cursor: default; }

.tll-oa-card { border: 1px solid #dbe0ee; border-radius: 10px; padding: 10px 12px; background: #f8f9fd; }
.tll-oa-card-ok { background: #e7f6ea; border-color: #b9e0c1; }
.tll-oa-card-title { font-weight: 700; font-size: 13.5px; color: #161b2e; margin-bottom: 4px; }
.tll-oa-card dl { margin: 0 0 6px; font-size: 12.5px; max-height: 150px; overflow-y: auto; }
.tll-oa-card dt { font-weight: 700; color: #161b2e; margin-top: 5px; }
.tll-oa-card dd { margin: 0; color: #3a4156; }
.tll-oa-card-note { font-size: 12px; color: #6b4e00; background: #fff7e0; border-radius: 8px; padding: 6px 8px; margin-bottom: 8px; }
.tll-oa-total { font-size: 16px; font-weight: 800; color: #161b2e; margin-bottom: 8px; }
.tll-oa-total small { display: block; font-weight: 500; font-size: 12px; color: #6a7186; }
.tll-oa-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.tll-oa-card .tll-oa-btn { width: 100%; box-sizing: border-box; }
.tll-oa-actions .tll-oa-btn { width: auto; flex: 1; }