/* ChatAssist.Web custom styles — replaces src/app/globals.css + Tailwind utilities */

:root {
    --primary: #3b82f6;
    --primary-hover: #2563eb;
    --sidebar-width: 250px;
}

html {
    font-size: 14px;
}

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

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Primary color overrides */
.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-primary:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}
.text-primary {
    color: var(--primary) !important;
}
.bg-primary {
    background-color: var(--primary) !important;
}

/* Focus states */
.btn:focus, .btn:active:focus, .form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
}

/* Card hover effect */
.hover-shadow:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    transition: box-shadow 0.2s ease-in-out;
}

/* Hover background for list items */
.hover-bg-light:hover {
    background-color: #f8f9fa !important;
}

/* Sidebar styles */
#sidebar .nav-link.active {
    background-color: rgba(59, 130, 246, 0.1);
    border-radius: 0.375rem;
}

/* Smaller text utility */
.smaller {
    font-size: 0.75rem;
}

/* Animation for fa-beat */
.fa-beat {
    animation: fa-beat 1s ease infinite;
}
@keyframes fa-beat {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* Min height utility */
.min-vh-50 {
    min-height: 50vh;
}

/* Form floating placeholder */
.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}