/* Global Styles for Investor Data Room */

body {
    font-family: 'Inter', sans-serif;
    background-color: #f1f5f9; /* slate-100 */
}

.chart-container {
    position: relative;
    height: 300px;
    width: 100%;
}

.menu-link {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    color: #475569; /* slate-600 */
    border-radius: 0.5rem;
    transition: background-color 0.2s, color 0.2s;
    position: relative;
    border-left: 4px solid transparent;
    margin-bottom: 0.25rem;
}

.menu-link:hover {
    background-color: #f1f5f9;
}

.menu-link.active {
    background-color: #eff6ff; /* blue-50 */
    color: #2563eb; /* blue-600 */
    font-weight: 600;
    border-left-color: #2563eb;
}

.menu-link.active .material-icons-outlined {
    color: #2563eb;
}

.sub-menu-link {
    padding-left: 3rem;
    font-size: 0.9rem;
}

.content-view {
    display: none;
}

.content-view.active {
    display: block;
}

.material-icons-outlined {
    font-size: 20px;
}

.stat-card {
    @apply bg-slate-50 p-4 rounded-lg border border-slate-200 text-center;
}

.stat-label {
    @apply text-sm font-medium text-slate-500;
}

.stat-value {
    @apply text-2xl font-bold text-slate-800;
}

.partner-card {
    @apply bg-white p-6 rounded-xl border shadow-sm flex flex-col h-full transition-shadow hover:shadow-md;
}

.phase-card {
    @apply bg-white p-6 rounded-xl border border-slate-200 shadow-sm hover:shadow-md transition-all;
}

/* --- Modal Styles --- */
#disclaimer-modal {
    backdrop-filter: blur(4px);
}

.disclaimer-scroll::-webkit-scrollbar {
    width: 8px;
}

.disclaimer-scroll::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.disclaimer-scroll::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.disclaimer-scroll::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.progress-bar-fill {
    transition: width 1.5s ease-in-out;
}

/* Fix dropdown arrow positioning */
select {
    padding-right: 2.5rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}