button, input, optgroup, select, textarea {
    color: black !important;
    font: inherit;
    margin: 0;
}

.btn {
  color: white; !important;
}

.select2-results {
  background-color: black;
}

.select2-selection__choice__display {
  color: black;
}

.user-profile-container { 
    border: 1px solid #333;
    border-radius: 12px;
    background-color: rgb(24, 32, 44);
}

.profile-body {
    background-color: rgb(24, 32, 44) !important;
}

.profile-section {
    background: rgb(32, 40, 52) !important;
    border: 1px solid #333 !important;
}

.profile-actions {
    background: rgb(32, 40, 52) !important;
}

.info-section-title, .section-title {
    color: #e8f4f8 !important;
    border-bottom: 1px solid #333 !important;
}

.info-item {
    color: #e0e0e0;
}

body {
  color: white;
}

.user-profile-container h4 {
  color: #e8f4f8;
}

.user-profile-container h4 .slogan {
  color: #b8b8b8;
}

/* Dark mode for Chat Interface */
.chat-container {
  background-color: #1a1a1a;
  border-color: #333;
}

.chat-header {
  background-color: #1f2937;
  border-bottom: 1px solid #333;
}

div.messageScrollList {
  background-color: #0d1117;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23161b22' fill-opacity='0.5'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}

.msg-you .message-bubble {
  background-color: #1e4d2b;
  color: #e3f2e3;
}

.msg-them .message-bubble {
  background-color: #2d2d2d;
  color: #e0e0e0;
}

.message-time {
  color: #999;
}

.chat-input-container {
  background-color: #1f2937;
  border-top-color: #333;
}

.chat-input-form textarea {
  background-color: #2d2d2d;
  border-color: #444;
  color: white;
}

.chat-input-form textarea::placeholder {
  color: #888;
}

.chat-input-form button {
  background-color: #1e4d2b;
  border-color: #1e4d2b;
}

.chat-input-form button:hover {
  background-color: #164121;
}

.no-messages {
  color: #999;
}

/* Dark mode for Chat List */
.chat-list {
  background-color: #1a1a1a;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.chat-item {
  color: white;
  border-bottom-color: #333;
}

.chat-item:hover {
  background-color: #2d2d2d;
}

.chat-item-avatar {
  background-color: #1f2937;
}

.chat-item-name {
  color: #e0e0e0;
}

.chat-item-time {
  color: #888;
}

.chat-item-preview {
  color: #b0b0b0;
}

.chat-item-preview .no-messages {
  color: #888;
}

.chat-item-preview .message-count {
  color: #b0b0b0;
}

.chat-item-indicator .arrow {
  color: #666;
}

.no-chats-message {
  color: #999;
}

.chat-section-header {
  color: #b0b0b0;
}

/* Dark mode for Stats Panel */
.stats-panel {
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}


.stats-column-center {
  border-left-color: #333;
  border-right-color: #333;
}

.stats-period-header {
  color: #e0e0e0;
}

@media (max-width: 767px) {
  .stats-column-center {
    border-top-color: #333;
    border-bottom-color: #333;
  }
}

.profile-contact {
    margin: 5px;
    background: #468847;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    color: white;
}

.profile-actions .btn { color: white !important; }