.mmz-my-project-details p {
    margin-block-end: 0;
}

.mmz-my-project-details .time {
    display: flex;
}

.mmz-my-project-details .time .label {
    font-weight: 600;
}

.mmz-my-project-details .dates-table {
    max-width: 700px;
    overflow: hidden;
}

.mmz-my-project-details .dates-table .header {
    font-weight: 600;
    color: white;
    background-color: var(--mmz-blue-2);
    display: flex;
    align-items: center;
    font-size: large;
    margin-bottom: 0.3rem;
    box-shadow: 0 1px 3px var(--mmz-shadow);
    border-radius: 10px;
}

.mmz-my-project-details .dates-table .header .label {
    font-size: small;
    font-weight: 400;
}

.mmz-my-project-details .dates-table .row {
    display: flex;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid var(--mmz-shadow);
    box-shadow: 0 1px 3px var(--mmz-shadow);
    align-items: center;
}

.mmz-my-project-details .dates-table .row:hover {
    background-color: var(--mmz-shadow);
}

.mmz-my-project-details .dates-table .past {
    color: var(--mmz-grey);
}

.mmz-my-project-details .dates-table .col-1 {
    width: 30%;
    text-align: center;
    font-weight: 600;
}

.mmz-my-project-details .dates-table .col-2 {
    width: 40%;
    text-align: center;
}

.mmz-my-project-details .dates-table .col-3 {
    width: 30%;
    text-align: center;
}

.mmz-my-project-details .dates-table .col-1, .col-2, .col-3 {
    padding: 0.5rem;
}

.mmz-my-project-details .dates-table .occasion {
    font-weight: 400;
    font-size: small;
}

.mmz-my-project-details .dates-table .presence label {
    font-size: small;
}

.mmz-my-project-details .dates-table .col-3 input[type="checkbox"]{
    -webkit-appearance: initial;
    appearance: initial;
    background: white;
    width: 15px;
    height: 15px;
    border: 1px solid var(--mmz-grey);
    box-shadow: 0 1px 3px var(--mmz-shadow);
    border-radius: 5px;
    position: relative;
}
.mmz-my-project-details .dates-table .col-3 input[type="checkbox"]:checked {
    background: var(--mmz-red);
}
.mmz-my-project-details .dates-table .col-3 input[type="checkbox"]:checked:after {
    content: "X";
    color: #fff;
    font-size: small;
    font-weight: 700;
    
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.mmz-my-project-details .dates-table .row.checked {
    border: 3px solid var(--mmz-red);
}

.mmz-my-project-details .dates-table .row.unchecked {
    border: 3px solid var(--mmz-green);
}

.mmz-my-project-details .dates-table .row.future.cancelled {
    background-color: var(--mmz-red-background);
}

.mmz-my-project-details .dates-table .row.past.cancelled {
    background-color: var(--mmz-red-shade);
}

.mmz-my-project-details .cancels-button-container {
    display: flex;
    justify-content: right;
}

.mmz-my-project-details .cancels-button {
    background-color: var(--mmz-blue-main);
    color: white;
    box-shadow: 0 1px 3px var(--mmz-shadow);
    border-radius: 10px;
    padding: 0.5rem 1.5rem;
    font-weight: 600;
    border: none;
    margin: 1rem 0;
}

.mmz-my-project-details .cancels-button:hover { 
    background-color: var(--mmz-label);
}

.mmz-my-project-details .probenplan .error-message { 
    color: red;
}

/* Loading State */
.mmz-my-project-details .login-btn.loading {
    pointer-events: none;
    background: #9ca3af;
}

.mmz-my-project-details .btn-text {
    transition: opacity 0.2s ease;
}

.mmz-my-project-details .btn-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-top: 2px solid white;
    border-radius: 50%;
    opacity: 0;
    animation: spin 1s linear infinite;
    transition: opacity 0.2s ease;
}

.mmz-my-project-details .login-btn.loading .btn-text {
    opacity: 0;
}

.mmz-my-project-details .login-btn.loading .btn-loader {
    opacity: 1;
}