/* app/public/style.css */



/* 1. Forensic Typography & Base */
:root {
    --primary-main: #2c3e50; /* Deep Slate for Forensic Look */
    --background-default: #f8f9fa;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: var(--background-default);
}

/* 2. Suppressed Elements (Per UI Standards) */
#share-button,
#undo-button,
#retry-button,
#clear-button,
#new-chat-button {
    display: none !important;
}

/* 3. Rename "Readme" → "Knowledge Base" without JS flicker */
#readme-button {
    font-size: 0;
}
#readme-button::after {
    content: "Knowledge Base";
    font-size: 0.875rem;
}



/* 4. Header Standardization */
.header {
    border-bottom: 1px solid #e0e0e0 !important;
    background-color: #ffffff !important;
    padding: 0 16px !important;
    height: 50px !important;
    box-shadow: none !important;
}

.header .title {
    font-weight: 600 !important;
    color: var(--primary-main) !important;
    font-size: 1rem !important;
}

/* 4. Chat Customization */
.message-list {
    background-color: var(--background-default) !important;
}

.message {
    border-radius: 4px !important;
    margin-bottom: 12px !important;
    border: 1px solid transparent !important;
}

.message-assistant {
    background-color: #ffffff !important;
    border-color: #e0e0e0 !important;
}

.message-user {
    background-color: #f1f3f4 !important;
}

/* 5. Custom Input-Anchored Footer Links */

/* Restored/loaded messages styling (read-only) */
.message[data-restored="true"],
.message.restored {
    background-color: #f7f9fa !important;
    border-left: 4px solid #bdc3c7 !important;
    border-color: #e2e8f0 !important;
    opacity: 0.85;
}

.message.restored .message-content,
.message[data-restored="true"] .message-content {
    color: #4a5568 !important;
    font-style: italic !important;
}