/* Compact footer & responsive helpers */
.site-footer .btn { font-size: .85rem; line-height: 1; }
.chat-box { min-height: 280px; max-height: 60vh; overflow-y: auto; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 12px; }
.message { padding: 6px 8px; margin-bottom: 6px; border-radius: 8px; background: #f7f7f7; }
.message.me { background: #e9f5ff; }
.post-image { max-width: 100%; border-radius: 8px; border: 1px solid #eee; }

/* Tool cards responsive spacing */
@media (max-width: 576px) {
  .tool-card-icon { width: 36px; height: 36px; }
  .feature-hero { padding: 16px; }
}


/* Nav icon button sizing for mobile */
.nav-icon-btn .icon { display:inline-block; width: 18px; height: 18px; }
@media (max-width: 576px) {
  .nav-icon-btn .icon { width: 16px; height: 16px; }
}
/* Public chat meta */
.chat-meta { font-size:.85rem; }
.chat-meta .stars { letter-spacing: .5px;  color: #d4af37; }
.chat-meta .stars .on { }
.chat-meta .stars .off { opacity:.25; }
.chat-meta .sep { opacity:.4; padding: 0 .25rem; }

/* Chat message layout */
.message .msg-head { margin-bottom: 2px; }
.message .msg-body { margin-top: 2px; word-wrap: break-word; }
.message .msg-foot { margin-top: 4px; }