/* Common CSS for inline styles shared across multiple pages */

/* Flex layouts */
.flex-container {
    display: flex;
}

.flex-end-center {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px;
    font-size: 16px;
}

.flex-space-between-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-size: 16px;
}

.flex-align-center-gap {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Credit info section */
#creditInfo {
    display: flex;
    align-items: center;
    gap: 10px;
}

#purchaseLink {
    text-decoration: none;
    color: #007bff;
}

/* Login buttons */
#googleLoginBtn {
    background-color: #db4437;
}

#microsoftLoginBtn {
    background-color: #2F2F2F;
    color: white;
}

/* File inputs */
.file-input-hidden {
    display: none;
}

.file-input-white {
    color: #ffffff;
}

.file-input-black {
    color: #000000;
}

/* Action buttons (undo, download) */
.action-button {
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #007bff;
    background-color: #007bff;
    color: white;
    cursor: pointer;
}

.action-button-margin {
    margin-right: 5px;
}