/* HeroUI v3 Card, Input, Avatar and Button source utilities expanded for Chatbox. */
body .card-chatbox { border:0 !important; border-radius:24px !important; background:#161616 !important; color:#fff; box-shadow:none; }
body .card-chatbox .card-header.header-theme { padding:20px 20px 16px !important; border:0; border-radius:24px 24px 0 0; background:transparent !important; color:#fff !important; font-size:16px; line-height:24px; font-weight:500; }
body .card-chatbox .card-body { padding:0 20px 20px !important; }
body .card-chatbox .chat-list { padding:0; }
body .card-chatbox .chat-item { display:flex; align-items:flex-start; gap:12px; padding:12px 0; margin:0; }
body .card-chatbox .chat-item + .chat-item { border-top:1px solid #ffffff12; }
body .card-chatbox .author-img { flex-shrink:0; }
body .card-chatbox .author-img img { width:36px; height:36px; max-height:none; object-fit:cover; border-radius:12px; }
body .card-chatbox .message-text { min-width:0; margin:0; color:oklch(.9911 0 0); font-size:14px; line-height:20px; overflow-wrap:anywhere; }
body .card-chatbox .username { color:#fff !important; font-weight:500; }
body .card-chatbox .message-text small { color:oklch(70.5% .015 286.067); font-size:12px; margin-left:8px; }
body .card-chatbox #chatbox .float-right a, body #chatbox .float-right a { color:oklch(70.5% .015 286.067) !important; }
body .card-chatbox .chatbox-compose { display:flex; align-items:center; gap:8px; margin-top:16px; }
body .card-chatbox #chatInput { flex:1; min-width:0; height:38px; padding:8px 12px; border:0 !important; border-radius:12px !important; outline:none; background:oklch(27.4% .006 286.033) !important; color:#fff !important; font-size:14px; line-height:20px; box-shadow:none; }
body .card-chatbox #chatInput:focus { box-shadow:0 0 0 2px #008fff; }
body .card-chatbox #chatInputSubmit { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:38px; height:38px; margin:0 !important; padding:8px; border:0; border-radius:50%; background:#008fff !important; color:#fff; }
body .card-chatbox #chatForm.disabled { opacity:.5; }