/* ============================================================
   TALKMONEY DIGITAL BUSINESS ASSISTANT — STYLES
   Reuses existing tokens (--orange, --black, --border, --gray,
   shadow/radius conventions already established sitewide).
   Nothing here redefines a shared selector.
   ============================================================ */

.ta-launcher{position:fixed;left:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:var(--orange);color:#fff;border:none;font-size:24px;box-shadow:0 10px 26px rgba(245,129,31,.4);cursor:pointer;z-index:70;transition:transform .2s ease, background .2s ease;}
.ta-launcher:hover{background:var(--orange-dark);transform:translateY(-2px);}
.ta-launcher.is-open{background:#111;}

.ta-panel{position:fixed;left:24px;bottom:92px;width:360px;max-width:calc(100vw - 48px);height:520px;max-height:70vh;background:#fff;border-radius:18px;box-shadow:0 30px 60px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden;z-index:70;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .25s ease, transform .25s ease;}
.ta-panel.open{opacity:1;pointer-events:auto;transform:translateY(0);}

.ta-header{background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.ta-header-title{font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px;}
.ta-close{background:rgba(255,255,255,.2);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:12px;}

.ta-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#FFFAF4;}

.ta-bubble{max-width:88%;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.6;}
.ta-bubble-bot{background:#fff;border:1px solid var(--border);color:#222;align-self:flex-start;border-bottom-left-radius:4px;}
.ta-bubble-user{background:var(--orange);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;}

.ta-categories{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;}
.ta-cat-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 8px;font-size:11px;font-weight:700;color:#333;cursor:pointer;text-align:center;transition:border-color .2s ease, transform .2s ease;}
.ta-cat-btn:hover{border-color:var(--orange);transform:translateY(-2px);}
.ta-cat-btn i{font-size:18px;color:var(--orange);}

.ta-quick-replies{display:flex;flex-wrap:wrap;gap:8px;}
.ta-quick-btn{background:#fff;border:1px solid var(--orange);color:var(--orange);font-size:12px;font-weight:700;padding:8px 14px;border-radius:20px;cursor:pointer;transition:background .2s ease, color .2s ease;}
.ta-quick-btn:hover:not(:disabled){background:var(--orange);color:#fff;}
.ta-quick-btn:disabled{opacity:.5;cursor:default;}

.ta-links{display:flex;flex-direction:column;gap:6px;}
.ta-link-btn{display:flex;align-items:center;justify-content:space-between;background:#111;color:#fff;font-size:12px;font-weight:700;padding:10px 14px;border-radius:8px;}
.ta-link-btn:hover{background:var(--orange);}

.ta-feedback{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--gray);padding:2px 2px 8px;}
.ta-feedback button{background:none;border:none;font-size:15px;cursor:pointer;transition:transform .15s ease;}
.ta-feedback button:hover{transform:scale(1.2);}

.ta-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);flex-shrink:0;background:#fff;}
.ta-input{flex:1;border:1px solid var(--border);border-radius:20px;padding:10px 16px;font-size:13px;font-family:'Inter',sans-serif;}
.ta-input:focus{outline:none;border-color:var(--orange);}
.ta-send{width:38px;height:38px;border-radius:50%;background:var(--orange);color:#fff;border:none;cursor:pointer;flex-shrink:0;}
.ta-send:hover{background:var(--orange-dark);}

@media(max-width:700px){
  .ta-launcher{left:16px;bottom:78px;width:52px;height:52px;font-size:21px;}
  .ta-panel{left:12px;bottom:140px;width:calc(100vw - 24px);height:60vh;}
}