/* Add Customer Page Specific Styles */

.container {
    max-width: 720px;
}

/* Status Messages */
.status {
    padding: 12px 14px;
    border-radius: 8px;
    margin-bottom: 18px;
    font-size: 0.9em;
}

.status.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.status.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Form Layout */
form {
    display: grid;
    grid-template-columns: 2fr 1.3fr;
    gap: 24px 32px;
    align-items: flex-start;
}

/* Image Preview */
.image-preview {
    border: 1px dashed #d1d5db;
}

.buttons {
    margin-top: 22px;
    display: flex;
    gap: 10px;
}

/* Field Errors */
.field-error {
    margin-top: 3px;
    font-size: 0.8em;
    color: #b91c1c;
}

/* Mobile Responsiveness */
@media (max-width: 720px) {
    form {
        grid-template-columns: 1fr;
    }
}