:root{
      --brand:#0a2e67;
      --brand:#102e3d;
      --ink:#1f2937;
      --ink2:#4b5563;
      --ink:#FFF;
      --ink2:#FFF;
      --card:#e9eef8;
      --card: #2fa2dc;
      --border:#dbe3f1;
      --danger:#b91c1c;
      --ok:#065f46;
    }
 

    #resolve-chat .hero h1{ font-size:18px; margin:0 0 8px; }
    #resolve-chat .hero p{ margin:0; color:var(--ink2); line-height:1.5; }
    #resolve-chat .hero code{ background:#f1f5f9; padding:2px 6px; border-radius:6px; }
    /* Chat widget */
    #resolve-chat{
      position:fixed;
      bottom:20px;
      right:20px;
      width:360px;
      max-height:74vh;
      background:#fff;
      border-radius:16px;
      box-shadow:0 10px 26px rgba(0,0,0,.18);
      display:flex;
      flex-direction:column;
      overflow:auto;
      z-index: 1001;
    }
    #resolve-chat:has(div.bubble) {
      border:1px solid rgba(219,227,241,.65);
      padding:14px;
    }
    #resolve-chat .bubble{
      margin:8px 0;
      padding:12px;
      border-radius:12px;
      line-height:1.45;
      font-size:14px;
      word-wrap:break-word;
    }
    #resolve-chat .bot{ background:var(--card); color:var(--ink); }
    #resolve-chat .user{ background:var(--brand); color:#fff; align-self:flex-end; }
    #resolve-chat .choices{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
    #resolve-chat .btn{
      padding:10px 12px;
      border-radius:10px;
      border:0;
      cursor:pointer;
      font-weight:700;
      font-family:'Lato', sans-serif;
      font-size:14px;
    }
    #resolve-chat .btn.primary:disabled {color: #a9a9a9;}
    #resolve-chat .btn.primary{ background:var(--brand); color:#fff; }
    #resolve-chat .btn.ghost{ background:#fff; color:var(--brand); border:1px solid var(--brand); }
    #resolve-chat .btn.toggle{ background:#fff; color:var(--brand); border:1px solid var(--brand); }
    #resolve-chat .btn.toggle.active{ background:var(--brand); color:#fff; }
    #resolve-chat input,#resolve-chat textarea{
      width:100%;
      margin-top:8px;
      padding:10px;
      border-radius:10px;
      border:1px solid #cbd5e1;
      font-size:14px;
      font-family:'Lato', sans-serif;
      outline:none;
    }
    #resolve-chat textarea{ min-height:92px; }
    #resolve-chat.error{
      color:var(--danger);
      font-size:12px;
      margin-top:6px;
      display:none;
    }
    #resolve-chat .card{
      background:#fff;
      border:1px solid var(--border);
      border-radius:12px;
      padding:12px;
      margin:8px 0;
    }
    #resolve-chat .card h4{ margin:0 0 6px 0; font-size:14px; color:var(--brand); }
    #resolve-chat .card ul{ margin:0; padding-left:18px; color:var(--brand); }
    #resolve-chat .tag{
      display:inline-block;
      padding:3px 8px;
      border-radius:999px;
      font-weight:800;
      font-size:12px;
      margin-left:6px;
      vertical-align:middle;
    }
    #resolve-chat .tag.hot{ background:#fee2e2; color:#991b1b; }
    #resolve-chat .tag.warm{ background:#ffedd5; color:#9a3412; }
    #resolve-chat .tag.cold{ background:#e0f2fe; color:#075985; }
    #resolve-chat .okline{ color:var(--ok); font-weight:700; }
    @media (max-width:480px){
      #resolve-chat{ right:10px; left:10px; width:auto; max-height:78vh; }
    }

    .calendly-badge-widget {
      display: none;
    }