/* Custom styles for PhD Mentor */

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
        'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}

/* Smooth transitions */
a, button {
    transition: all 0.2s ease-in-out;
}

/* Loading spinner */
@keyframes spin {
    to { transform: rotate(360deg); }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* Details/summary styling */
details summary {
    list-style: none;
    position: relative;
    padding-right: 24px;
}

details summary::-webkit-details-marker {
    display: none;
}

details summary::after {
    content: '+';
    position: absolute;
    right: 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #64748b;
}

details[open] summary::after {
    content: '-';
}

/* Hover effects on cards */
.bg-white.rounded-xl {
    transition: box-shadow 0.2s ease, transform 0.1s ease;
}

.bg-white.rounded-xl:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

/* Better focus rings for accessibility */
input:focus, select:focus, button:focus {
    outline: none;
}

input:focus-visible, select:focus-visible, button:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}