.password-card,
.avatar-card,
.email-card,
.signature-card {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto 24px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #292927 !important;
    background: #fff !important;
    border: 1px solid #e4dfd6 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 28px rgba(41, 41, 39, .06) !important;
}

.password-card::before,
.avatar-card::before,
.email-card::before,
.signature-card::before {
    display: none !important;
}

.password-card__header,
.avatar-card__header,
.email-card__header,
.signature-card__header {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px 22px 0 !important;
    background: #f7f6f2 !important;
    border-bottom: 1px solid #e8e3da !important;
}

.password-card__icon,
.avatar-card__icon,
.email-card__icon,
.signature-card__icon {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    margin-bottom: 13px !important;
    background: #c15f3c !important;
    border-radius: 7px !important;
    font-size: 1rem !important;
}

.password-card__title,
.avatar-card__title,
.email-card__title,
.signature-card__title {
    margin: 0 !important;
    color: #292927 !important;
    font-size: 1.22rem !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
}

.password-card__content,
.avatar-card__content,
.email-card__content,
.signature-card__content {
    padding: 24px !important;
    background: #fff !important;
}

.password-card .editor-wrap,
.avatar-card .editor-wrap,
.email-card .editor-wrap,
.signature-card .editor-wrap {
    padding: 22px !important;
    background: #fff !important;
    border: 1px solid #e7e3da !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

.password-card .form-group,
.avatar-card .form-group,
.email-card .form-group,
.signature-card .form-group {
    margin-bottom: 18px !important;
}

.password-card .form-label,
.avatar-card .form-label,
.email-card .form-label,
.signature-card .form-label {
    margin-bottom: 8px !important;
    color: #3f3f3b !important;
    font-size: .9rem !important;
    font-weight: 650 !important;
}

.password-card .form-control,
.avatar-card .form-control,
.email-card .form-control,
.signature-card .form-control {
    min-height: 44px !important;
    padding: 11px 13px !important;
    color: #292927 !important;
    background: #fff !important;
    border: 1px solid #d8d4cb !important;
    border-radius: 7px !important;
    box-shadow: none;
}

.password-card .form-control:focus,
.avatar-card .form-control:focus,
.email-card .form-control:focus,
.signature-card .form-control:focus {
    border-color: #c15f3c !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(193, 95, 60, .12) !important;
}

.password-card .input-group {
    margin-bottom: 14px !important;
}

.password-card .input-group-text {
    min-width: 44px !important;
    justify-content: center !important;
    color: #706f69 !important;
    background: #f7f6f2 !important;
    border-color: #d8d4cb !important;
    border-radius: 7px 0 0 7px !important;
}

.password-card .input-group .form-control {
    border-left: 0 !important;
    border-radius: 0 7px 7px 0 !important;
}

.password-card .instructions,
.email-card .instructions,
.avatar-card .instructions,
.signature-card .editor-hint,
.avatar-card .upload-rules,
.email-card .status-info {
    margin-bottom: 18px !important;
    padding: 13px 15px !important;
    color: #706f69 !important;
    background: #f7f6f2 !important;
    border: 1px solid #e7e3da !important;
    border-left: 3px solid #c15f3c !important;
    border-radius: 7px !important;
}

.password-card .instructions i,
.email-card .status-info__icon,
.signature-card .editor-hint i,
.avatar-card .upload-rules .icon-info {
    color: #c15f3c !important;
}

.password-card .btn-primary,
.avatar-card .custom-file-upload,
.email-card .btn-primary,
.email-card .btn-success,
.signature-card .btn-submit,
.signature-card .apple-modal-btn.confirm {
    width: 100% !important;
    max-width: 360px !important;
    min-height: 44px !important;
    padding: 11px 18px !important;
    color: #fff !important;
    background: #c15f3c !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}

.password-card .btn-primary:hover,
.avatar-card .custom-file-upload:hover,
.email-card .btn-primary:hover,
.email-card .btn-success:hover,
.signature-card .btn-submit:hover,
.signature-card .apple-modal-btn.confirm:hover {
    background: #a94f32 !important;
}

.password-card .btn-primary:focus,
.password-card .btn-primary:active,
.avatar-card .custom-file-upload:focus,
.avatar-card .custom-file-upload:active,
.email-card button:focus,
.email-card button:active,
.signature-card button:focus,
.signature-card button:active {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.password-card .login-history,
.signature-card .signature-preview {
    padding: 16px !important;
    background: #faf9f6 !important;
    border: 1px solid #e7e3da !important;
    border-radius: 8px !important;
}

.password-card .login-device {
    border-color: #e7e3da !important;
}

.password-card .login-device__name,
.password-card .device-detail-title,
.email-card h5,
.email-card .section-title,
.signature-card strong {
    color: #292927 !important;
}

.password-card .login-device__meta,
.password-card .login-device__date,
.email-card .text-muted,
.signature-card .text-muted,
.avatar-card .upload-rules ul {
    color: #706f69 !important;
}

.avatar-card .avatar-preview {
    margin: 0 0 22px !important;
    padding: 20px !important;
    background: #faf9f6 !important;
    border: 1px solid #e7e3da !important;
    border-radius: 9px !important;
}

.avatar-card .avatar-preview img {
    width: 96px !important;
    height: 96px !important;
    border-color: #fff !important;
    box-shadow: 0 4px 12px rgba(41, 41, 39, .12) !important;
}

.avatar-card .progress {
    background: #e7e3da !important;
}

.avatar-card .progress-bar {
    background: #c15f3c !important;
}

.signature-card .btn-insert,
.signature-card #refresh-preview {
    min-height: 38px !important;
    color: #5f5d58 !important;
    background: #f7f6f2 !important;
    border: 1px solid #d8d4cb !important;
    border-radius: 7px !important;
}

.signature-card .apple-modal {
    border: 1px solid #e7e3da !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 44px rgba(41, 41, 39, .18) !important;
}

.signature-card .editor-wrap {
    padding: 0 !important;
    background: #fff !important;
    border: 0 !important;
}

.signature-card .editor-hint {
    margin-bottom: 20px !important;
}

.signature-card .action-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 9px !important;
}

.signature-card textarea.form-control {
    min-height: 180px !important;
    resize: vertical !important;
    line-height: 1.6 !important;
}

.signature-card .signature-preview {
    margin-top: 20px !important;
    padding: 18px !important;
}

.signature-card .signature-preview #preview-content {
    min-height: 68px !important;
    padding: 14px !important;
    line-height: 1.6 !important;
    background: #fff !important;
    border-color: #e7e3da !important;
    border-radius: 7px !important;
}

.signature-card form > .btn-submit {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 20px 0 0 !important;
}

@media (max-width: 640px) {
    .password-card,
    .avatar-card,
    .email-card,
    .signature-card {
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
    }

    .password-card__header,
    .avatar-card__header,
    .email-card__header,
    .signature-card__header {
        padding: 14px 18px !important;
    }

    .password-card__content,
    .avatar-card__content,
    .email-card__content,
    .signature-card__content {
        padding: 18px !important;
    }

    .password-card .editor-wrap,
    .avatar-card .editor-wrap,
    .email-card .editor-wrap {
        padding: 16px !important;
    }

    .signature-card .editor-wrap {
        padding: 0 !important;
    }
}