/* Quick Assist - Custom Styles */

:root {
    --ms-blue: #0078D4;
    --ms-dark-blue: #005A9E;
    --ms-cyan: #00A4EF;
}

body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.ms-blue { color: var(--ms-blue); }

.btn-primary {
    background-color: var(--ms-blue);
    transition: all 0.2s ease;
}

.btn-primary:hover {
    background-color: var(--ms-dark-blue);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 120, 212, 0.3);
}

.nav-link { transition: color 0.2s ease; }
.nav-link:hover { color: var(--ms-blue); }

.clean-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.clean-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.05), 0 8px 10px -6px rgb(0 0 0 / 0.05);
}

.modal { animation: fadeInScale 0.2s ease forwards; }

@keyframes fadeInScale {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }