/*
 * ==========================================================
 * 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;
}

/* Keep the admin sidebar readable if the custom icon font is unavailable. */
.sb-admin.sb-icons-fallback > .sb-header > .sb-admin-nav > div > a::before {
    font-family: "Support Board Font", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 11px;
    font-weight: 600 !important;
    left: 0;
    width: 65px;
    text-align: center;
    letter-spacing: 0;
    opacity: 0.9;
}

.sb-admin.sb-icons-fallback #sb-conversations::before {
    content: "Chat" !important;
}

.sb-admin.sb-icons-fallback #sb-users::before {
    content: "Users" !important;
}

.sb-admin.sb-icons-fallback #sb-chatbot::before {
    content: "Bot" !important;
}

.sb-admin.sb-icons-fallback #sb-articles::before {
    content: "Docs" !important;
}

.sb-admin.sb-icons-fallback #sb-reports::before {
    content: "Rpt" !important;
}

.sb-admin.sb-icons-fallback #sb-settings::before {
    content: "Set" !important;
}