#auth-steps-columns .auth-card {
    border: 2px solid #c49c5d;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    border-radius: 1rem;
    transition: transform 0.2s ease;
    background: white;
}

#auth-steps-columns .auth-card:hover {
    transform: translateY(-2px);
}

.server-response {
    margin-top: 0.75rem;
    font-size: 0.95rem;
    border-radius: 0.5rem;
    color: black;
}

.server-response .code-font {
    font-family: monospace;
    font-weight: bold;
}

#auth-object-cards .auth-object-card {
    border: 2px solid #ddd;
    border-radius: 12px;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#auth-object-cards .auth-object-card:hover {
    box-shadow: 2px 6px 14px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

#auth-object-cards .icon {
    font-size: 1.2em;
    margin-right: 0.9rem;
}

#auth-object-cards ul {
    margin-top: 0.5em;
    padding-left: 1.2em;
    list-style-type: disc;
}

#auth-object-part .locked-field {
    font-size: 1rem;
    color: #999;
}

#auth-object-cards .example-footer {
    background: #fafafa;
    border-top: 1px solid #eee;
    padding: 1rem;
}

#auth-object-cards .card-content {
    height: 100%;
}

#auth-object-cards .example-footer p {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

#icon-resource i {
    color: #3b6e91;
}

#icon-operation i {
    color: #6e944b;
}

#icon-part i {
    color: #a67c36;
}

#task-section .label {
    color: white;
}

.button.is-small.is-dark {
    border-radius: 8px;
}