html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/*
Task: Chatbot interface styling.
Description: Adds lightweight chat layout and message bubble styles to support readable user/assistant conversation rendering in the POC UI.
Date: 21-Apr-2026
*/
.chat-messages {
    min-height: 320px;
    max-height: 420px;
    overflow-y: auto;
    background: #f8f9fa;
}

.chat-item {
    padding: 0.65rem 0.8rem;
    border-radius: 0.5rem;
    margin-bottom: 0.55rem;
    white-space: pre-wrap;
}

.chat-user {
    background: #d1ecf1;
}

.chat-assistant {
    background: #e2f0d9;
}

.chat-system {
    background: #fff3cd;
    font-style: italic;
}

/*
Task: Bootstrap and chat loader styles
Description: Adds lightweight spacing and visibility styles for upload progress and assistant typing indicators
Date: 22-Apr-2026
*/
.chat-loader {
    border-top: 1px solid #e9ecef;
    min-height: 42px;
    align-items: center;
}

    .chat-loader .spinner-border {
        flex-shrink: 0;
    }