#saving-layout {
    padding: 1.5rem; /* Keep padding */
    height: calc(100vh - 5rem); /* Keep height */
    background-color: var(--clay-darkest); /* Use theme variable */
    color: var(--clay-text-primary); /* Use theme variable */
    display: flex; /* Keep layout */
    flex-direction: column; /* Keep layout */
    align-items: center; /* Keep layout */
}

.saving-title {
    font-size: 1.75rem; /* Adjusted size */
    font-weight: 600; /* Adjusted weight */
    margin-bottom: 2rem; /* Keep spacing */
    color: var(--clay-text-primary); /* Use theme variable */
}

.autosave-toggle-container { /* Added styles */
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    padding: 0.75rem 1rem;
    background-color: var(--clay-dark);
    border: 1px solid var(--clay-border);
    border-radius: 0.5rem;
    box-shadow: var(--clay-shadow);
}
.autosave-toggle-container label {
    font-weight: 500;
    color: var(--clay-text-secondary);
}
#autosave-toggle-btn {
    /* Styles handled by theme */
    padding: 0.3rem 0.8rem;
    min-width: 50px; /* Ensure button size */
    text-align: center;
}


#save-slots-container {
    display: grid; /* Keep layout */
    grid-template-columns: 1fr; /* Keep layout */
    gap: 1rem; /* Adjusted gap */
    width: 100%; /* Keep layout */
    max-width: 600px; /* Keep layout */
}

.save-slot-card {
    background: var(--gradient-surface); /* Use theme variable */
    border: 1px solid var(--clay-border); /* Use theme variable */
    border-radius: 0.5rem; /* Adjusted rounding */
    padding: 1rem 1.5rem; /* Adjusted padding */
    box-shadow: var(--clay-shadow); /* Use theme variable */
    display: flex; /* Keep layout */
    justify-content: space-between; /* Keep layout */
    align-items: center; /* Keep layout */
    transition: transform 0.2s, box-shadow 0.2s; /* Keep transition */
}

/* REMOVED HOVER EFFECT FOR SAVE SLOT CARD
.save-slot-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--clay-shadow-heavy);
    border-color: var(--clay-border-light);
} */

.slot-info h3 {
    font-size: 1.1rem; /* Adjusted size */
    font-weight: 600; /* Keep weight */
    margin-bottom: 0.25rem; /* Keep spacing */
    color: var(--clay-text-primary); /* Use theme variable */
}

.slot-info .timestamp {
    font-size: 0.8rem; /* Adjusted size */
    color: var(--clay-text-muted); /* Use theme variable */
}
.slot-info .timestamp.empty { /* Style for empty slot text */
    font-style: italic;
}


.slot-actions {
    display: flex; /* Keep layout */
    gap: 0.5rem; /* Adjusted gap */
}

.slot-btn {
    /* Styles handled by clay-theme.css */
    padding: 0.5rem 1rem; /* Adjusted padding */
    font-size: 0.8rem; /* Adjusted size */
}

.save-btn { /* Specific styles if needed */ }
.load-btn { /* Specific styles if needed */ }
.delete-btn { /* Specific styles if needed */ }

.load-btn:disabled,
.delete-btn:disabled {
    /* Disabled styles handled by theme */
}