@charset "UTF-8";
/* --- ZTI PROFILE PAGE SPECIFIC STYLES --- */

.generated-asset-container {
    text-align: center;
    margin-bottom: 20px;
}

.download-button {
    display: inline-block;
    padding: 8px 15px;
    margin: 5px 8px 10px 8px;
    background-color: #008800;
    color: #fff;
    border: 1px solid #00ff00;
    text-decoration: none;
    font-size: 1.1em;
    text-shadow: 0 0 3px #fff;
}

.download-button:hover {
    background-color: #00cc00;
}

.download-buttons-group {
    margin: 15px 0;
    text-align: center;
}

.action-button {
    display: block;
    width: 80%;
    margin: 20px auto 0 auto;
    padding: 10px 15px;
    background-color: #005555;
    color: #ccffff;
    border: 1px solid #aaffee;
    text-decoration: none;
    font-size: 1.3em;
}

.action-button:hover {
    background-color: #008888;
}

/* Moved inline styles from auth_profile.html */
.nav-logout { color: #ff9999; }

.profile-flex {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
}

.profile-col { text-align: center; }
.profile-col-left { flex: 1; min-width: 300px; }
.profile-col-right { flex: 2; min-width: 400px; }

.section-title { color: #00ff00; }

.profile-pic-margin { margin: 0 auto 15px auto; }

.asset-image-full { max-width: 100%; border: 1px solid #557777; background-color: #111; }
.asset-image-half { max-width: 50%; border: 1px solid #557777; background-color: #111; }

.action-button-compact { width:50%; font-size: 1.1em; padding: 8px 15px; margin-top: 15px; }

/* Profile picture uploader */
.pfp-uploader { margin-top: 10px; border-top: 1px dashed #334444; padding-top: 10px; }
.pfp-uploader input[type="file"] { display: block; margin: 8px auto; }
.pfp-note { color: #aaffee; font-size: 0.85em; margin-top: 6px; }
.pfp-consent { display: block; margin-top: 6px; font-size: 0.9em; color: #ccffff; }

/* Department ID Card Section */
.id-card-preview {
    background: rgba(0, 85, 85, 0.3);
    border: 1px solid #557777;
    padding: 15px;
    margin: 10px 0;
    text-align: left;
}

.id-card-preview p {
    margin: 5px 0;
    color: #ccffff;
}