:root{
  --brand:#3c7edc; --ink:#0e1220; --muted:#667085; --bg:#ffffff;
}
#deleconBotFab{
  position:fixed; right:18px; bottom:18px; width:56px; height:56px;
  border-radius:50%; background:var(--brand); color:#fff; display:flex; align-items:center;
  justify-content:center; box-shadow:0 10px 24px rgba(0,0,0,.18); cursor:pointer; z-index:99999;
}
#deleconBotFab img{ width:28px; height:28px; filter:brightness(0) invert(1); }

#deleconBot{
  position:fixed; right:18px; bottom:84px; width:350px; height:500px; max-height:70vh;
  background:#fff; border:1px solid #e6e8eb; border-radius:14px; overflow:hidden;
  box-shadow:0 18px 36px rgba(0,0,0,.2); display:none; flex-direction:column; z-index:99999;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
}
#botHead{
  background:#f4f7ff; border-bottom:1px solid #e6e8eb; padding:10px 12px; display:flex; align-items:center; gap:10px;
}
#botHead .badge{
  background:#dfe9ff; color:#143c7a; font-weight:700; font-size:12px; padding:4px 8px; border-radius:999px;
}
#botHead .title{
  font-weight:800; color:#143c7a; font-size:14px; line-height:1.2;
}
#botBody{ flex:1; overflow:auto; padding:12px; background:#fff; }
.msg{ display:flex; margin:8px 0; }
.msg.bot .bubble{
  background:#f5f7fb; color:#1a2233; border:1px solid #e6e8eb;
}
.msg.user{ justify-content:flex-end; }
.bubble{
  max-width:82%; padding:10px 12px; border-radius:12px; line-height:1.45; font-size:14px;
}
.msg.user .bubble{
  background:#3c7edc; color:#fff;
}
.quickbar{ display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.quick{ background:#eef4ff; color:#143c7a; border:1px solid #d6e4ff; padding:6px 10px; border-radius:999px; font-size:12px; cursor:pointer; }
#botFoot{
  padding:10px; border-top:1px solid #e6e8eb; display:flex; gap:8px; align-items:center; background:#fff;
}
#botInput{ flex:1; border:1px solid #d3d7df; border-radius:10px; padding:10px 12px; font-size:14px; }
#botSend{ background:var(--brand); color:#fff; border:0; padding:10px 14px; border-radius:10px; font-weight:700; cursor:pointer; }
.small{ color:var(--muted); font-size:12px; margin-top:6px; }

.app-card{
  margin-top:8px; border:1px dashed #d7def0; background:#fbfdff; padding:10px; border-radius:10px;
}
.app-card h4{ margin:0 0 8px; color:#143c7a; font-size:14px; }
.row{ display:flex; gap:8px; flex-wrap:wrap; }
.col{ flex:1 1 140px; }
label{ display:block; font-size:12px; color:#41506a; margin-bottom:4px; }
input[type="text"],input[type="tel"],input[type="date"],input[type="time"],textarea{
  width:100%; padding:8px 10px; border:1px solid #d3d7df; border-radius:8px; font-size:13px;
}
textarea{ height:68px; resize:vertical; }
.btn{
  background:#3c7edc; color:#fff; border:0; padding:10px 12px; border-radius:10px; font-weight:700; cursor:pointer;
}
.btn.ghost{
  background:#eef4ff; color:#143c7a; border:1px solid #d6e4ff;
}
.badges{ display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
.badge.kudos{ background:#eaf7ef; color:#0d6d2c; border:1px solid #cdebd6; }
.brandstrap{ font-size:11px; color:#143c7a; display:flex; gap:8px; align-items:center; }
.brandstrap b{ letter-spacing:.3px; }