.surec-durum {
display: inline-block;
background-color: #1E3A5F;
color: #fff;
padding: 6px 14px;
border-radius: 8px;
font-family: 'Jost', sans-serif;
font-weight: 400;
margin-bottom: 12px;
}
.surec-baslik {
font-family: 'Jost', sans-serif;
font-weight: 400;
font-size: 22px;
margin-bottom: 18px;
color: #1E3A5F;
}
.surec-takvimi {
border-left: 3px solid #ccc;
padding-left: 20px;
font-family: 'Jost', sans-serif;
} .surec {
margin-bottom: 16px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.surec:hover {
background-color: rgba(30, 58, 95, 0.05);
} .surec-header {
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
} .surec ul {
margin: 8px 0 0 12px;
padding: 0;
list-style: none;
display: none !important;
opacity: 0;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease-in-out;
} .surec.aktif ul {
display: block !important;
opacity: 1 !important;
max-height: 1000px !important;
visibility: visible !important;
} .surec .done {
color: #1a4;
} .surec .in-progress {
color: #d90;
} .surec.tamam .surec-header::after {
content: '✅';
margin-left: 8px;
}