/*
 * ==========================================================
 * THESOL CHAT - SUBTLE BRANDING ENHANCEMENTS
 * ==========================================================
 *
 * Minimal custom styling to establish TheSol brand identity
 * while maintaining the professional look
 * © 2024 TheSol Chat. All rights reserved.
 */

/* ========================================
   SUBTLE BRAND ACCENTS
   ======================================== */

/* Add subtle TheSol watermark */
.sb-main::before {
    content: "TheSol";
    position: fixed;
    bottom: 8px;
    right: 15px;
    font-size: 9px;
    color: rgba(0, 0, 0, 0.15);
    font-weight: 500;
    letter-spacing: 0.5px;
    pointer-events: none;
    z-index: 1;
}

/* Slight accent on active conversation */
.sb-board > .sb-admin-list .sb-scroll-area li.sb-active {
    border-left-width: 3px !important;
}

/* Smooth animations for better UX */
.sb-btn,
.sb-board > .sb-admin-list .sb-scroll-area li,
.sb-menu-wide ul li {
    transition: all 0.2s ease;
}

/* Slight hover effect on buttons */
.sb-btn:hover,
a.sb-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
}

/* Modern rounded corners for dialogs */
.sb-lightbox {
    border-radius: 10px;
}

/* Subtle focus rings for accessibility */
.sb-input > input:focus,
.sb-input > select:focus,
.sb-input > textarea:focus {
    outline: 2px solid rgba(37, 99, 235, 0.1);
    outline-offset: 2px;
}